bkui-vue 0.0.1-beta.106 → 0.0.1-beta.107
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.
- package/dist/index.cjs.js +10 -10
- package/dist/index.esm.js +4 -5
- package/dist/index.umd.js +13 -13
- package/dist/style.css +1 -1
- package/lib/components.d.ts +51 -0
- package/lib/tab/index.js +1 -1
- package/lib/tab/tab.css +4 -0
- package/lib/tab/tab.less +5 -0
- package/lib/tab/tab.variable.css +4 -0
- package/package.json +1 -1
package/lib/components.d.ts
CHANGED
|
@@ -49,3 +49,54 @@ export { default as ResizeLayout } from './resize-layout';
|
|
|
49
49
|
export { default as TimeLine } from './timeline';
|
|
50
50
|
export { default as Process } from './process';
|
|
51
51
|
export { default as Upload } from './upload';
|
|
52
|
+
export type { default as BkAlert } from './alert';
|
|
53
|
+
export type { default as BkBkAnimateNumber } from './animate-number';
|
|
54
|
+
export type { default as BkBkAffix } from './affix';
|
|
55
|
+
export type { default as BkBkBacktop } from './backtop';
|
|
56
|
+
export type { default as BkBadge } from './badge';
|
|
57
|
+
export type { default as BkBreadcrumb } from './breadcrumb';
|
|
58
|
+
export type { default as BkButton } from './button';
|
|
59
|
+
export type { default as BkCard } from './card';
|
|
60
|
+
export type { default as BkCheckbox } from './checkbox';
|
|
61
|
+
export type { default as BkCollapse } from './collapse';
|
|
62
|
+
export type { default as BkDialog } from './dialog';
|
|
63
|
+
export type { default as BkException } from './exception';
|
|
64
|
+
export type { default as BkFixedNavbar } from './fixed-navbar';
|
|
65
|
+
export type { default as BkInput } from './input';
|
|
66
|
+
export type { default as BkLink } from './link';
|
|
67
|
+
export type { default as BkLoading } from './loading';
|
|
68
|
+
export type { default as BkModal } from './modal';
|
|
69
|
+
export type { default as BkPopover } from './popover';
|
|
70
|
+
export type { default as BkPopover2 } from './popover2';
|
|
71
|
+
export type { default as BkProgress } from './progress';
|
|
72
|
+
export type { default as BkRadio } from './radio';
|
|
73
|
+
export type { default as BkRate } from './rate';
|
|
74
|
+
export type { default as BkSwiper } from './swiper';
|
|
75
|
+
export type { default as BkSelect } from './select';
|
|
76
|
+
export type { default as BkSideslider } from './sideslider';
|
|
77
|
+
export type { default as BkSteps } from './steps';
|
|
78
|
+
export type { default as BkSwitcher } from './switcher';
|
|
79
|
+
export type { default as BkTable } from './table';
|
|
80
|
+
export type { default as BkTag } from './tag';
|
|
81
|
+
export type { default as BkTagInput } from './tag-input';
|
|
82
|
+
export type { default as BkDivider } from './divider';
|
|
83
|
+
export type { default as BkTab } from './tab';
|
|
84
|
+
export type { default as BkMessage } from './message';
|
|
85
|
+
export type { default as BkNotify } from './notify';
|
|
86
|
+
export type { default as BkMenu } from './menu';
|
|
87
|
+
export type { default as BkNavigation } from './navigation';
|
|
88
|
+
export type { default as BkDatePicker } from './date-picker';
|
|
89
|
+
export type { default as BkTransfer } from './transfer';
|
|
90
|
+
export type { default as BkTree } from './tree';
|
|
91
|
+
export type { default as BkVirtualRender } from './virtual-render';
|
|
92
|
+
export type { default as BkForm } from './form';
|
|
93
|
+
export type { default as BkPagination } from './pagination';
|
|
94
|
+
export type { default as BkContainer } from './container';
|
|
95
|
+
export type { default as BkcontainerProps } from './container';
|
|
96
|
+
export type { default as BkDropdown } from './dropdown';
|
|
97
|
+
export type { default as BkCascader } from './cascader';
|
|
98
|
+
export type { default as BkSlider } from './slider';
|
|
99
|
+
export type { default as BkResizeLayout } from './resize-layout';
|
|
100
|
+
export type { default as BkTimeLine } from './timeline';
|
|
101
|
+
export type { default as BkProcess } from './process';
|
|
102
|
+
export type { default as BkUpload } from './upload';
|
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("../icon/"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon/"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon/")):t(e["../shared"],e.vue,e["../icon/"]);for(var
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon/"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon/"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon/")):t(e["../shared"],e.vue,e["../icon/"]);for(var a in n)("object"==typeof exports?exports:e)[a]=n[a]}}(self,((e,t,n)=>(()=>{"use strict";var a={7685:e=>{e.exports=n},4212:t=>{t.exports=e},748:e=>{e.exports=t}},r={};function o(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={exports:{}};return a[e](n,n.exports,o),n.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{o.r(l),o.d(l,{BkTab:()=>b,BkTabPanel:()=>u,default:()=>f});var e=o(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var n=o(748),a={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{}}}},r={active:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(""),type:e.PropTypes.commonType(["card","border-card","unborder-card"],"type").def("border-card"),tabPosition:e.PropTypes.commonType(["left","right","top"],"position").def("top"),closable:Boolean,addable:Boolean,sortable:Boolean,sortType:e.PropTypes.commonType(["replace","insert","top"],"sortType").def("replace"),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)},i=Object.assign({active:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(""),panels:{type:Array,default:function(){return[]}},tabPosition:e.PropTypes.commonType(["left","right","top"],"position").def("top"),closable:Boolean,addable:Boolean,sortable:Boolean,sortType:e.PropTypes.commonType(["replace","insert","top"],"sortType").def("replace"),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)},a),s={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:e.PropTypes.commonType(["if","show"],"render").def("show"),panel:e.PropTypes.string||e.PropTypes.func},p=o(7685);const c=(0,n.defineComponent)({name:"TabNav",props:i,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 l=r.props,i=l.name,s=l.label,p=l.closable,c=l.visible,d=l.disabled,u=l.sortable;return!!c&&(e.active===i&&(a=!0),t.push({name:i,closable:p,visible:c,disabled:d,sortable:u,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}(s)}),!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)(""),l=function(e,t){return e===t},i={handleTabAdd:function(t){e.tabAdd(t)},dragstart:function(t,n){r.value=t,o.value=e.guid,Object.assign(n.dataTransfer,{effectAllowed:"move"}),e.tabDrag(t,n)},dragenter:function(t){l(o.value,e.guid)&&(a.value=t)},dragend:function(){a.value=-1,r.value=-1,o.value=null},drop:function(t,n){if(!l(o.value,e.guid))return!1;e.tabSort(r.value,t,n)},handleTabChange:function(t){e.tabChange(t)},handleTabRemove:function(t,n){e.tabRemove(t,n)}};return Object.assign(Object.assign({},i),{navs:t,dragenterIndex:a,dragStartIndex:r,draggingEle:o,guid:Math.random().toString(16).substr(4)+Math.random().toString(16).substr(4)})},render:function(){var e,t,a,r=this,o=this.active,l=this.closable,i=this.addable,s=this.sortable,c=this.sortType,d=this.labelHeight,u=this.dragstart,b=this.dragenter,f=this.dragend,v=this.drop;return(0,n.createVNode)("div",{style:{lineHeight:"".concat(d,"px")},class:"bk-tab-header"},[(0,n.createVNode)("div",{class:"bk-tab-header-nav"},[r.navs.map((function(e,t){if(!e)return null;var a,i=e.name,d=e.disabled,y=e.tabLabel,h=function(e,t){return e||t};return(0,n.createVNode)("div",{key:i,onClick:function(){return r.handleTabChange(i)},draggable:h(e.sortable,s),onDragstart:function(e){return u(t,e)},onDragenter:function(e){e.preventDefault(),b(t)},onDragleave:function(e){e.preventDefault()},onDragover:function(e){e.preventDefault()},onDragend:function(e){e.preventDefault(),f()},onDrop:function(e){e.preventDefault(),v(t,c)},class:(a=["bk-tab-header-item"],d&&a.push("bk-tab-header--disabled"),o===i&&a.push("bk-tab-header--active"),a.join(" "))},[(0,n.createVNode)("div",null,[y]),h(e.closable,l)&&(0,n.createVNode)(p.Close,{class:"bk-tab-header-item-close",onClick:function(){return r.handleTabRemove(t,e)}},null)])}))]),(a=[],"function"==typeof r.$slots.add?a.push(null===(t=(e=r.$slots).add)||void 0===t?void 0:t.call(e,n.h)):i&&a.push((0,n.createVNode)("div",{onClick:r.handleTabAdd},[(0,n.createVNode)(p.Plus,{width:26,height:26},null)])),a.length?(0,n.createVNode)("div",{class:"bk-tab-header-operation"},[a.map((function(e,t){return(0,n.createVNode)("div",{class:"bk-tab-header-item",key:t},[e])}))]):null),"function"==typeof this.$slots.setting&&(0,n.createVNode)("div",{class:"bk-tab-header-setting"},[this.$slots.setting()])])}}),d=(0,n.defineComponent)({name:"Tab",components:{TabNav:c},props:r,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,l=(0,n.ref)(!1),i=(0,n.ref)([]),s=(0,n.getCurrentInstance)(),p=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},c=function(){if(r.default){var e=s.subTree.children[1].children;if(!e)return;var t=e[0],n=p(t);n.length!==i.value.length&&(i.value=n)}};(0,n.onMounted)((function(){c(),l.value=!0})),(0,n.onUpdated)((function(){c()}));var d={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,n,a){var r,l=i.value;if("insert"===a)if(e<n)l.splice(n+1,0,i[e]),l.splice(e,1);else{if(!(e>n))return!1;l.splice(n,0,i[e]),l.splice(e+1,1)}else{var s=l[n];l[n]=l[e],l[e]=s}i.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,n){if(e){if("string"==typeof e)return t(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?t(e,n):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,n,a),o("sort-change",e,n,a)},tabDrag:function(e,t){o("drag",e,t),o("on-drag-tab",e,t)}};return Object.assign(Object.assign({},d),{isMounted:l,panels:i})},render:function(){var e,t,a,r,o=this;return(0,n.createVNode)("div",{class:"top"===o.tabPosition?"bk-tab bk-tab--".concat(o.tabPosition," bk-tab--").concat(o.type," ").concat(o.extCls):"bk-tab bk-tab--".concat(o.tabPosition," ").concat(o.extCls)},[(a=o.panels,r={panels:a,active:o.active,type:o.type,closable:o.closable,addable:o.addable,sortable:o.sortable,sortType:o.sortType,labelHeight:o.labelHeight,scrollStep:o.scrollStep,validateActive:o.validateActive,changeOnHover:o.changeOnHover,changeOnHoverDelay:o.changeOnHoverDelay,tabPosition:o.tabPosition,tabAdd:o.tabAdd,tabChange:o.tabChange,tabRemove:o.tabRemove,tabSort:o.tabSort,tabDrag:o.tabDrag},a&&Array.isArray(a)?(0,n.createVNode)(c,r,o.$slots):null),(0,n.createVNode)("div",{class:"bk-tab-content"},[null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e)])])}}),u=(0,n.defineComponent)({name:"TabPanel",props:s,render:function(){var e=this,t=this.name===this.$parent.active;return(0,n.withDirectives)((0,n.createVNode)("div",{ref:"content",class:"bk-tab-panel"},[!e.visible||"if"===e.renderDirective&&!t?null:"function"==typeof e.panel?e.panel(n.h):"function"==typeof e.$slots.default?e.$slots.default(null):"function"==typeof e.$slots.panel?e.$slots.panel(null):null]),[[n.vShow,t]])}});var b=(0,e.withInstallProps)(d,{TabPanel:u});const f=b})(),l})()));
|
package/lib/tab/tab.css
CHANGED
package/lib/tab/tab.less
CHANGED
package/lib/tab/tab.variable.css
CHANGED
|
@@ -161,6 +161,10 @@
|
|
|
161
161
|
.bk-tab-header-operation .bk-tab-header-item {
|
|
162
162
|
padding: 0 12px;
|
|
163
163
|
}
|
|
164
|
+
.bk-tab-header-setting {
|
|
165
|
+
justify-self: flex-end;
|
|
166
|
+
margin-left: auto;
|
|
167
|
+
}
|
|
164
168
|
.bk-tab--left .bk-tab-header {
|
|
165
169
|
border-right: 1px solid var(--disable-color);
|
|
166
170
|
}
|