xt-element-ui 2.1.61 → 2.2.0

package/lib/xt-table/xt-table.umd.min.js

@@ -0,0 +1 @@
+(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["xt-table"]=e():t["xt-table"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s="fb15")}({"0ba2":function(t,e,n){},"26be":function(t,e,n){"use strict";n("0ba2")},9940:function(t,e,n){"use strict";n("f3c2")},f3c2:function(t,e,n){},fb15:function(t,e,n){"use strict";if(n.r(e),n.d(e,"XtTable",(function(){return _})),"undefined"!==typeof window){var r=window.document.currentScript,o=r&&r.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);o&&(n.p=o[1])}var l,i,s=function(){var t=this,e=t._self._c;return e("div",{staticClass:"xt-table-wrapper"},[t.title||t.$slots.toolbar?e("div",{staticClass:"xt-table-header"},[t.title?e("span",{staticClass:"xt-table-title"},[t._v(t._s(t.title))]):t._e(),e("div",{staticClass:"xt-table-toolbar"},[t._t("toolbar")],2)]):t._e(),e("div",{staticClass:"xt-table-body"},[e("VirtualElTable",t._g(t._b({ref:"table",staticClass:"xt-table",attrs:{data:t.processedTableData,height:t.computedHeight,"max-height":t.computedMaxHeight,"virtual-scroll":t.virtualScroll,"row-height":t.rowInitHeight,"buffer-size":t.bufferSize,"span-method":t.groupColumns.length?t.handleSpanMethod:void 0,"row-class-name":t.getRowClassName},on:{"selection-change":t.handleSelectionChange,"sort-change":t.handleSortChange}},"VirtualElTable",t.$attrs,!1),t.$listeners),[t.selection?e("el-table-column",{attrs:{type:"selection",width:"55",fixed:t.selectionFixed}}):t._e(),t.showIndex?e("el-table-column",{attrs:{type:"index",width:"60",label:"#",fixed:t.indexFixed,index:t.indexMethod}}):t._e(),t._l(t.flattenedColumns,(function(n){return[n.children&&n.children.length?e("el-table-column",t._b({key:n._key},"el-table-column",t.getColumnProps(n),!1),[t._l(n.children,(function(n){return[e("el-table-column",t._b({key:n._key,scopedSlots:t._u([n.render?{key:"default",fn:function(t){return[e("XtTableCell",{attrs:{row:t.row,index:t.$index,render:n.render,column:n}})]}}:n.slot?{key:"default",fn:function(e){return[t._t(n.slot,null,{row:e.row,index:e.$index,column:n})]}}:null],null,!0)},"el-table-column",t.getColumnProps(n),!1))]}))],2):e("el-table-column",t._b({key:n._key,scopedSlots:t._u([n.render?{key:"default",fn:function(t){return[e("XtTableCell",{attrs:{row:t.row,index:t.$index,render:n.render,column:n}})]}}:n.slot?{key:"default",fn:function(e){return[t._t(n.slot,null,{row:e.row,index:e.$index,column:n})]}}:null],null,!0)},"el-table-column",t.getColumnProps(n),!1))]}))],2)],1),t.showPagination?e("div",{staticClass:"xt-table-footer"},[e("el-pagination",{attrs:{"current-page":t.pagination.pageNum,"page-size":t.pagination.pageSize,total:t.total,"page-sizes":t.pagination.pageSizes||[10,20,50,100],layout:"total, sizes, prev, pager, next, jumper"},on:{"size-change":t.handleSizeChange,"current-change":t.handleCurrentChange}})],1):t._e()])},a=[],u={name:"XtTableCell",functional:!0,props:{row:Object,index:Number,render:Function,column:{type:Object,default:null}},render:(t,e)=>{const n={row:e.props.row,index:e.props.index};e.props.column&&(n.column=e.props.column);const r=t=>null!==t&&void 0!==t&&"object"===typeof t&&t.hasOwnProperty("componentOptions"),o=e.props.render(t,n);return null===o||void 0===o||""===o?t("span",""):r(o)?o:t("span",String(o))}},h=u;function c(t,e,n,r,o,l,i,s){var a,u="function"===typeof t?t.options:t;if(e&&(u.render=e,u.staticRenderFns=n,u._compiled=!0),r&&(u.functional=!0),l&&(u._scopeId="data-v-"+l),i?(a=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(i)},u._ssrRegister=a):o&&(a=s?function(){o.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:o),a)if(u.functional){u._injectStyles=a;var h=u.render;u.render=function(t,e){return a.call(e),h(t,e)}}else{var c=u.beforeCreate;u.beforeCreate=c?[].concat(c,a):[a]}return{exports:t,options:u}}var d=c(h,l,i,!1,null,null,null),p=d.exports,f=function(){var t=this,e=t._self._c;return e("el-table",t._g(t._b({ref:"innerTable",attrs:{data:t.renderList}},"el-table",t.$attrs,!1),t.$listeners),[t._t("default")],2)},b=[],m={name:"VirtualElTable",inheritAttrs:!1,props:{virtualScroll:{type:Boolean,default:!1},rowHeight:{type:Number,default:48},bufferSize:{type:Number,default:5}},data(){return{scrollWrap:null,phantomDom:null,scrollTop:0,startIndex:0,endIndex:20,rafId:null,unwatchPhantom:null,layoutTimer:null,retryTimers:[]}},computed:{originData(){return this.$attrs.data||[]},renderList(){if(!this.virtualScroll)return this.originData;const t=Math.max(0,this.startIndex-this.bufferSize),e=Math.min(this.originData.length,this.endIndex+this.bufferSize);return this.originData.slice(t,e)},totalListHeight(){return this.originData.length*this.rowHeight},contentOffsetY(){return Math.max(0,this.startIndex-this.bufferSize)*this.rowHeight}},watch:{renderList(){this.scheduleLayout()},originData:{handler(t){this.virtualScroll&&t&&t.length&&this.$nextTick(()=>{this.calcVisibleRange()})}}},mounted(){this.$nextTick(()=>{this.initVirtualScroll()})},beforeDestroy(){this.unbindScrollEvent(),this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=null),this.unwatchPhantom&&(this.unwatchPhantom(),this.unwatchPhantom=null),this.layoutTimer&&(clearTimeout(this.layoutTimer),this.layoutTimer=null),this.retryTimers.forEach(t=>clearTimeout(t)),this.retryTimers=[]},methods:{initVirtualScroll(){if(!this.virtualScroll)return;if(this.scrollWrap=this.$refs.innerTable.$el.querySelector(".el-table__body-wrapper"),!this.scrollWrap)return console.warn("[VirtualElTable] 无法找到滚动容器，虚拟滚动功能已禁用"),void(this.virtualScroll=!1);this.scrollWrap.style.overflowY="auto",this.scrollWrap.style.overflowX="auto",this.wrapTableBody(),this.scrollWrap.addEventListener("scroll",this.onScroll,{passive:!0}),this.calcVisibleRange();const t=[100,300,600,1e3];t.forEach(t=>{const e=setTimeout(()=>{this.calcVisibleRange()},t);this.retryTimers.push(e)})},wrapTableBody(){const t=this.scrollWrap.querySelector(".el-table__body");if(!t||t.querySelector(".vs-phantom"))return;const e=document.createElement("div");e.className="vs-phantom",e.style.position="relative",e.style.minWidth="100%",e.style.boxSizing="border-box",e.style.zIndex="1",this.phantomDom=e;const n=t.querySelector("table");e.appendChild(n),t.appendChild(e),this.unwatchPhantom=this.$watch(["totalListHeight","contentOffsetY"],()=>{this.phantomDom&&(this.phantomDom.style.height=this.totalListHeight+"px",this.phantomDom.style.paddingTop=this.contentOffsetY+"px")},{immediate:!0})},onScroll(){this.scrollTop=this.scrollWrap.scrollTop,this.rafId||(this.rafId=requestAnimationFrame(()=>{this.calcVisibleRange(),this.rafId=null}))},calcVisibleRange(){if(!this.scrollWrap)return;let t=this.scrollWrap.clientHeight;if(!t){const e=this.$attrs.height||this.$attrs.maxHeight;e&&(t="number"===typeof e?e:parseInt(String(e),10))}if(!t||t<=0)return;const e=Math.ceil(t/this.rowHeight),n=Math.floor(this.scrollTop/this.rowHeight),r=Math.min(this.originData.length,n+e);n===this.startIndex&&r===this.endIndex||(this.startIndex=n,this.endIndex=r)},unbindScrollEvent(){this.scrollWrap&&this.scrollWrap.removeEventListener("scroll",this.onScroll)},scheduleLayout(){this.layoutTimer||(this.layoutTimer=setTimeout(()=>{this.$refs.innerTable&&this.$refs.innerTable.doLayout(),this.layoutTimer=null},0))},clearSelection(){return this.$refs.innerTable.clearSelection()},toggleRowSelection(){return this.$refs.innerTable.toggleRowSelection()},doLayout(){return this.$refs.innerTable.doLayout()}}},g=m,y=(n("26be"),c(g,f,b,!1,null,"01f7dcee",null)),C=y.exports,w={name:"XtTable",inheritAttrs:!1,components:{XtTableCell:p,VirtualElTable:C},props:{tableData:{type:Array,default:()=>[]},columns:{type:Array,default:()=>[]},groupColumns:{type:Array,default:()=>[]},sortGroup:{type:Boolean,default:!1},defaultSort:{type:Object,default:null},filterMethod:{type:Function,default:null},title:{type:String,default:""},height:{type:[Number,String],default:null},maxHeight:{type:[Number,String],default:null},virtualScroll:{type:Boolean,default:!1},rowInitHeight:{type:Number,default:48},bufferSize:{type:Number,default:5},pagination:{type:Object,default:null},total:{type:Number,default:0},showIndex:{type:Boolean,default:!1},selection:{type:Boolean,default:!1},selectionFixed:{type:[String,Boolean],default:!1},indexFixed:{type:[String,Boolean],default:!1},loading:{type:Boolean,default:!1},emptyText:{type:String,default:"暂无数据"},subtotalConfig:{type:Object,default:()=>({enabled:!1})},totalConfig:{type:Object,default:()=>({enabled:!1})}},data(){return{spanCache:{},flattenedColumnsCache:[],selectedRows:[],sortProp:null,sortOrder:null}},computed:{showPagination(){return this.pagination&&this.total>0},computedHeight(){return this.height||void 0},computedMaxHeight(){return this.height?void 0:this.maxHeight||void 0},sortedTableData(){if(!this.tableData.length)return[];let t=[...this.tableData];if("function"===typeof this.filterMethod&&(t=t.filter(this.filterMethod)),!this.sortProp||!this.sortOrder)return t;const e="ascending"===this.sortOrder?1:-1,n=this.resolveSortMethod(this.sortProp);return this.sortGroup&&this.groupColumns.length?this.groupSort(t,n,e):t.sort((t,r)=>n(t,r)*e)},processedTableData(){if(!this.sortedTableData.length)return[];let t=[...this.sortedTableData];const e=this.subtotalConfig&&this.subtotalConfig.enabled,n=this.totalConfig&&this.totalConfig.enabled;if(!e&&!n)return t;this.findLabelColumn();let r=[];if(e&&this.subtotalConfig.groupBy&&this.subtotalConfig.groupBy.length){const e=this.groupData(t,this.subtotalConfig.groupBy);e.forEach(t=>{r.push(...t);const e=this.createSubtotalRow(t);r.push(e)})}else r=t;if(n){const e=this.createTotalRow(t);r.push(e)}return r},flattenedColumns(){if(this.flattenedColumnsCache.length)return this.flattenedColumnsCache;const t=(e,n="")=>e.map((e,r)=>{const o=n?`${n}_${r}`:String(r),l=e.prop||e.slot||e.label||o,i={...e,_key:l};return e.children&&e.children.length&&(i.children=t(e.children,o)),i});return this.flattenedColumnsCache=t(this.columns),this.flattenedColumnsCache}},watch:{tableData(){this.spanCache={},this.flattenedColumnsCache=[]},columns:{handler(){this.flattenedColumnsCache=[],this.spanCache={}},deep:!0},groupColumns:{handler(){this.spanCache={}},deep:!0},defaultSort:{handler(t){t&&t.prop&&(this.sortProp=t.prop,this.sortOrder=t.order||"ascending")},immediate:!1},sortProp(){this.spanCache={}}},created(){this.defaultSort&&this.defaultSort.prop&&(this.sortProp=this.defaultSort.prop,this.sortOrder=this.defaultSort.order||"ascending")},mounted(){this.$nextTick(()=>{window.addEventListener("resize",this.handleResize)})},beforeDestroy(){window.removeEventListener("resize",this.handleResize)},methods:{resolveSortMethod(t){const e=this.findColumnByProp(t);return e&&"function"===typeof e.sortMethod?e.sortMethod:(e,n)=>{const r=e[t],o=n[t];return null==r&&null==o?0:null==r?-1:null==o?1:"number"===typeof r&&"number"===typeof o?r-o:String(r).localeCompare(String(o),void 0,{numeric:!0})}},findColumnByProp(t){for(const e of this.columns)if(e.children&&e.children.length){for(const n of e.children)if(n.prop===t)return n}else if(e.prop===t)return e;return null},groupSort(t,e,n){const r={};t.forEach(t=>{const e=this.groupColumns.map(e=>null==t[e]?"":String(t[e])).join("|||");r[e]||(r[e]=[]),r[e].push(t)});const o=[];return Object.keys(r).sort().forEach(t=>{const l=r[t];l.sort((t,r)=>e(t,r)*n),o.push(...l)}),o},handleResize(){this.$nextTick(()=>{this.$refs.table&&this.$refs.table.doLayout()})},findLabelColumn(){for(const t of this.columns)if(t.children&&t.children.length){for(const e of t.children)if(e.prop)return{prop:e.prop,label:e.label}}else if(t.prop)return{prop:t.prop,label:t.label};return{prop:"",label:""}},groupData(t,e){const n=new Map;return t.forEach(t=>{const r=e.map(e=>t[e]).join("|||");n.has(r)||n.set(r,[]),n.get(r).push(t)}),n},_calcValue(t,e){if("function"===typeof e)return e(t);const n=e.prop,r=e.type||"sum",o=n?t.map(t=>parseFloat(t[n])||0):[];switch(r){case"sum":return o.reduce((t,e)=>t+e,0);case"avg":case"average":return o.length?o.reduce((t,e)=>t+e,0)/o.length:0;case"count":return t.length;case"min":return o.length?Math.min(...o):0;case"max":return o.length?Math.max(...o):0;default:return""}},createSubtotalRow(t){const e=this.subtotalConfig,n=this.findLabelColumn(),r=e.groupBy?e.groupBy[0]:"",o=t[0]?t[0][r]:"",l=e.labelText||o+" 小计",i={_rowType:"subtotal"};return i[n.prop]=l,e.columns&&Object.keys(e.columns).forEach(n=>{const r=e.columns[n];i[n]="string"===typeof r?this._calcValue(t,{prop:n,type:r}):this._calcValue(t,r)}),i},createTotalRow(t){const e=this.totalConfig,n=this.findLabelColumn(),r=e.labelText||"总计",o={_rowType:"total"};return o[n.prop]=r,e.columns&&Object.keys(e.columns).forEach(n=>{const r=e.columns[n];o[n]="string"===typeof r?this._calcValue(t,{prop:n,type:r}):this._calcValue(t,r)}),o},getRowClassName({row:t}){return"subtotal"===t._rowType?"xt-table-row-subtotal":"total"===t._rowType?"xt-table-row-total":""},getColumnProps(t){const{_key:e,children:n,render:r,slot:o,sortMethod:l,...i}=t;return i},indexMethod(t){return t+1},handleSpanMethod({row:t,column:e,rowIndex:n}){if("subtotal"===t._rowType||"total"===t._rowType)return{rowspan:1,colspan:1};if(!this.groupColumns.length)return{rowspan:1,colspan:1};const r=this.processedTableData,o=e.property,l=this.groupColumns.indexOf(o);if(-1===l)return{rowspan:1,colspan:1};const i=`${n}_${o}`;if(this.spanCache[i])return this.spanCache[i];if(n>0){const e=r[n-1];let o=!0;for(let n=0;n<=l;n++){const r=this.groupColumns[n];if(e[r]!==t[r]){o=!1;break}}if(o){const t={rowspan:0,colspan:1};return this.spanCache[i]=t,t}}let s=1;for(let u=n+1;u<r.length;u++){const e=r[u];let n=!0;for(let r=0;r<=l;r++){const o=this.groupColumns[r];if(e[o]!==t[o]){n=!1;break}}if(!n)break;s++}const a={rowspan:s>1?s:1,colspan:1};return this.spanCache[i]=a,a},handleSelectionChange(t){this.selectedRows=t.filter(t=>!t._rowType),this.$emit("selection-change",this.selectedRows)},handleSortChange(t){this.sortProp=t.prop,this.sortOrder=t.order,this.$emit("sort-change",t)},handleSizeChange(t){this.$emit("size-change",t)},handleCurrentChange(t){this.$emit("page-change",t)},getSelection(){return this.selectedRows},clearSelection(){this.$refs.table&&this.$refs.table.clearSelection(),this.selectedRows=[]},clearSort(){this.sortProp=null,this.sortOrder=null,this.$nextTick(()=>{this.$refs.table&&this.$refs.table.$refs.innerTable&&this.$refs.table.$refs.innerTable.clearSort()})},toggleRowSelection(t,e){this.$refs.table&&this.$refs.table.toggleRowSelection(t,e)},toggleRowsSelection(t,e){t&&t.length&&t.forEach(t=>{this.$refs.table&&this.$refs.table.toggleRowSelection(t,e)})},doLayout(){this.$refs.table&&this.$refs.table.doLayout()}}},x=w,S=(n("9940"),c(x,s,a,!1,null,"39458c28",null)),_=S.exports;_.install=function(t){t.component(_.name,_)};var T=_;e["default"]=T}})}));

package/lib/xt-tabs/demo.html

@@ -0,0 +1,10 @@
+<meta charset="utf-8">
+<title>xt-tabs demo</title>
+<script src="./xt-tabs.umd.js"></script>
+
+<link rel="stylesheet" href="./xt-tabs.css">
+
+
+<script>
+console.log(xt-tabs)
+</script>

package/lib/xt-tabs/index.js

@@ -0,0 +1 @@
+module.exports = require('./xt-tabs.common.js');

package/lib/xt-tabs/xt-tabs.common.js

@@ -0,0 +1,463 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = "fb15");
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "2f86":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "d273":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_3859f3fa_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2f86");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_3859f3fa_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_3859f3fa_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "e8d2":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "fb15":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "XtTabs", function() { return /* reexport */ xt_tabs; });
+
+// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
+// This file is imported into lib/wc client bundles.
+
+if (typeof window !== 'undefined') {
+  var currentScript = window.document.currentScript
+  if (false) { var getCurrentScript; }
+
+  var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
+  if (src) {
+    __webpack_require__.p = src[1] // eslint-disable-line
+  }
+}
+
+// Indicate to webpack that this file can be concatenated
+/* harmony default export */ var setPublicPath = (null);
+
+// EXTERNAL MODULE: ./src/components/xt-tabs/style/index.scss
+var style = __webpack_require__("e8d2");
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b8cd9b04-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-tabs/index.vue?vue&type=template&id=3859f3fa&scoped=true
+var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:"tabsWrap",staticClass:"xt-tabs",class:[
+  `xt-tabs--${_vm.actualPosition}`,
+  { 'xt-tabs--card': _vm.type === 'card' },
+  { 'xt-tabs--border-card': _vm.type === 'border-card' },
+  { 'xt-tabs--editable': _vm.editable }
+]},[_c('div',{ref:"tabsHeader",staticClass:"xt-tabs__header"},[_c('div',{ref:"tabsNav",staticClass:"xt-tabs__nav"},[_vm._l((_vm.panes),function(pane,index){return _c('div',{key:pane.name,staticClass:"xt-tabs__nav-item",class:{ 
+          'xt-tabs__nav-item--active': _vm.activeName === pane.name,
+          'xt-tabs__nav-item--disabled': pane.disabled
+        },on:{"click":function($event){return _vm.handleTabClick(pane)}}},[_c('span',{staticClass:"xt-tabs__nav-link"},[_vm._v(_vm._s(pane.label))]),((_vm.closable || pane.closable) && !_vm.editable)?_c('span',{staticClass:"xt-tabs__close",on:{"click":function($event){$event.stopPropagation();return _vm.handleTabRemove(pane.name)}}},[_vm._v("×")]):_vm._e()])}),(_vm.addable || _vm.editable)?_c('div',{staticClass:"xt-tabs__nav-item xt-tabs__nav-item--add",on:{"click":_vm.handleTabAdd}},[_c('span',[_vm._v("+")])]):_vm._e()],2),_c('div',{staticClass:"xt-tabs__nav-indicator",style:(_vm.indicatorStyle)})]),_c('div',{staticClass:"xt-tabs__content"},[_vm._t("default")],2)])
+}
+var staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/xt-tabs/index.vue?vue&type=template&id=3859f3fa&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-tabs/index.vue?vue&type=script&lang=js
+
+/* harmony default export */ var xt_tabsvue_type_script_lang_js = ({
+  name: 'XtTabs',
+  props: {
+    value: {
+      type: [String, Number],
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'card',
+      validator: (val) => ['default', 'card', 'border-card'].includes(val)
+    },
+    position: {
+      type: String,
+      default: 'top',
+      validator: (val) => ['top', 'bottom', 'left', 'right'].includes(val)
+    },
+    tabPosition: {
+      type: String,
+      default: ''
+    },
+    closable: {
+      type: Boolean,
+      default: false
+    },
+    addable: {
+      type: Boolean,
+      default: false
+    },
+    editable: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      panes: [],
+      activeName: this.value
+    }
+  },
+  computed: {
+    actualPosition() {
+      return this.tabPosition || this.position
+    },
+    indicatorStyle() {
+      const activeIndex = this.panes.findIndex(p => p.name === this.activeName)
+      if (activeIndex === -1 || !this.$refs.tabsNav) return { display: 'none' }
+      
+      const navItems = this.$refs.tabsNav.querySelectorAll('.xt-tabs__nav-item:not(.xt-tabs__nav-item--add)')
+      if (!navItems || navItems.length === 0) return { display: 'none' }
+      
+      const activeItem = navItems[activeIndex]
+      if (!activeItem) return { display: 'none' }
+
+      const pos = this.actualPosition
+      const base = { transition: 'all 0.3s ease' }
+      if (pos === 'top' || pos === 'bottom') {
+        return {
+          ...base,
+          left: `${activeItem.offsetLeft}px`,
+          width: `${activeItem.offsetWidth}px`,
+          height: '2px',
+          bottom: pos === 'top' ? 0 : 'auto',
+          top: pos === 'bottom' ? 0 : 'auto',
+          display: 'block'
+        }
+      } else {
+        return {
+          ...base,
+          top: `${activeItem.offsetTop}px`,
+          height: `${activeItem.offsetHeight}px`,
+          width: '2px',
+          left: pos === 'left' ? 'auto' : 0,
+          right: pos === 'right' ? 0 : 'auto',
+          display: 'block'
+        }
+      }
+    }
+  },
+  watch: {
+    value(val) {
+      this.activeName = val
+    },
+    activeName(val) {
+      this.$emit('input', val)
+      this.$emit('change', val)
+      this.$nextTick(() => this.$forceUpdate())
+    },
+    panes: {
+      handler() {
+        this.$nextTick(() => this.$forceUpdate())
+      },
+      deep: true
+    }
+  },
+  methods: {
+    handleTabClick(pane) {
+      if (pane.disabled) return
+      this.activeName = pane.name
+      this.$emit('tab-click', pane)
+    },
+    handleTabRemove(name) {
+      this.$emit('tab-remove', name)
+      this.$emit('edit', name, 'remove')
+      const index = this.panes.findIndex(p => p.name === name)
+      if (index > -1) {
+        this.panes.splice(index, 1)
+        if (this.activeName === name && this.panes.length > 0) {
+          this.activeName = this.panes[0].name
+        }
+      }
+    },
+    handleTabAdd() {
+      this.$emit('tab-add')
+      this.$emit('edit', null, 'add')
+    },
+    addPane(pane) {
+      const exist = this.panes.some(p => p.name === pane.name)
+      if (!exist) {
+        this.panes.push(pane)
+        if (!this.activeName && this.panes.length === 1) {
+          this.activeName = pane.name
+        }
+        this.$nextTick(() => this.$forceUpdate())
+      }
+    },
+    removePane(name) {
+      const idx = this.panes.findIndex(p => p.name === name)
+      if (idx > -1) {
+        this.panes.splice(idx, 1)
+        this.$nextTick(() => this.$forceUpdate())
+      }
+    },
+    collectPanes() {
+      this.panes = []
+      this.$children.forEach(child => {
+        if (child.$options.name === 'XtTabPane') {
+          this.addPane({
+            name: child.name,
+            label: child.label,
+            disabled: child.disabled,
+            closable: child.closable
+          })
+        }
+      })
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.collectPanes()
+      this.$watch(() => this.$children, () => {
+        this.collectPanes()
+      }, { flush: 'post' })
+    })
+  }
+});
+
+// CONCATENATED MODULE: ./src/components/xt-tabs/index.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_xt_tabsvue_type_script_lang_js = (xt_tabsvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./src/components/xt-tabs/index.vue?vue&type=style&index=0&id=3859f3fa&prod&lang=scss&scoped=true
+var xt_tabsvue_type_style_index_0_id_3859f3fa_prod_lang_scss_scoped_true = __webpack_require__("d273");
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+function normalizeComponent(
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier /* server only */,
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
+
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) {
+    // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
+      : injectStyles
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+// CONCATENATED MODULE: ./src/components/xt-tabs/index.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = normalizeComponent(
+  components_xt_tabsvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "3859f3fa",
+  null
+  
+)
+
+/* harmony default export */ var xt_tabs = (component.exports);
+// CONCATENATED MODULE: ./src/components/xt-tabs/index.js
+
+
+
+xt_tabs.install = function(Vue) {
+  Vue.component(xt_tabs.name, xt_tabs)
+}
+
+/* harmony default export */ var components_xt_tabs = (xt_tabs);
+
+
+// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
+
+
+/* harmony default export */ var entry_lib = __webpack_exports__["default"] = (components_xt_tabs);
+
+
+
+/***/ })
+
+/******/ });

package/lib/xt-tabs/xt-tabs.css

@@ -0,0 +1 @@
+.xt-tabs{display:flex;flex-direction:column}.xt-tabs--left,.xt-tabs--right{flex-direction:row}.xt-tabs__header{position:relative;border-bottom:1px solid #e4e7ed;padding-bottom:0}.xt-tabs--card .xt-tabs__header{border-bottom:none;background:#f5f7fa;padding:4px 4px 0;border-radius:4px 4px 0 0}.xt-tabs--left .xt-tabs__header{border-right:1px solid #e4e7ed;border-bottom:none;padding-right:0}.xt-tabs--right .xt-tabs__header{border-left:1px solid #e4e7ed;border-bottom:none;padding-left:0}.xt-tabs__nav{display:flex}.xt-tabs--left .xt-tabs__nav,.xt-tabs--right .xt-tabs__nav{flex-direction:column}.xt-tabs__nav-item{position:relative;padding:12px 20px;font-size:14px;color:#909399;cursor:pointer;transition:color .3s ease}.xt-tabs--card .xt-tabs__nav-item{margin-bottom:-1px;border-radius:4px 4px 0 0;background:transparent;border:1px solid transparent}.xt-tabs--card .xt-tabs__nav-item--active{background:#fff;border-color:#e4e7ed;border-bottom-color:#fff}.xt-tabs__nav-item:hover{color:#1890ff}.xt-tabs__nav-item--active{color:#1890ff;font-weight:500}.xt-tabs__nav-link{display:inline-block}.xt-tabs__nav-indicator{position:absolute;bottom:0;height:2px;background:#1890ff;transition:left .3s ease,width .3s ease}.xt-tabs--left .xt-tabs__nav-indicator{bottom:auto;left:auto;right:0;width:2px;height:auto;top:0}.xt-tabs--right .xt-tabs__nav-indicator{bottom:auto;right:auto;left:0;width:2px;height:auto;top:0}.xt-tabs--card .xt-tabs__nav-indicator{display:none}.xt-tabs__content{flex:1;padding:20px 0}.xt-tabs--card .xt-tabs__content{border:1px solid #e4e7ed;border-top:none;border-radius:0 0 4px 4px;padding:20px}.xt-tabs--left .xt-tabs__content,.xt-tabs--right .xt-tabs__content{padding:0 20px}.xt-tabs__pane{animation:xt-tabs-fade-in .3s ease}@keyframes xt-tabs-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.xt-tabs-fade-enter-active,.xt-tabs-fade-leave-active{transition:opacity .3s ease,transform .3s ease}.xt-tabs-fade-enter{opacity:0;transform:translateY(10px)}.xt-tabs-fade-leave-to{opacity:0;transform:translateY(-10px)}.xt-tabs[data-v-3859f3fa]{display:flex;flex-direction:column}.xt-tabs--bottom[data-v-3859f3fa],.xt-tabs--top[data-v-3859f3fa]{flex-direction:column}.xt-tabs--bottom .xt-tabs__header[data-v-3859f3fa],.xt-tabs--top .xt-tabs__header[data-v-3859f3fa]{width:100%}.xt-tabs--left[data-v-3859f3fa],.xt-tabs--right[data-v-3859f3fa]{flex-direction:row}.xt-tabs--left .xt-tabs__header[data-v-3859f3fa],.xt-tabs--right .xt-tabs__header[data-v-3859f3fa]{flex-direction:column;width:auto}.xt-tabs--left .xt-tabs__nav[data-v-3859f3fa],.xt-tabs--right .xt-tabs__nav[data-v-3859f3fa]{flex-direction:column}.xt-tabs--left .xt-tabs__nav-indicator[data-v-3859f3fa],.xt-tabs--right .xt-tabs__nav-indicator[data-v-3859f3fa]{width:2px;height:auto}.xt-tabs--left .xt-tabs__content[data-v-3859f3fa],.xt-tabs--right .xt-tabs__content[data-v-3859f3fa]{border-left:1px solid #dcdfe6;border-top:none}.xt-tabs--left--right .xt-tabs__content[data-v-3859f3fa],.xt-tabs--right--right .xt-tabs__content[data-v-3859f3fa]{border-left:none;border-right:1px solid #dcdfe6}.xt-tabs--top .xt-tabs__nav-indicator[data-v-3859f3fa]{bottom:0}.xt-tabs--bottom .xt-tabs__nav-indicator[data-v-3859f3fa]{top:0}.xt-tabs--left .xt-tabs__nav-indicator[data-v-3859f3fa]{right:0}.xt-tabs--right .xt-tabs__nav-indicator[data-v-3859f3fa]{left:0}.xt-tabs--card .xt-tabs__header[data-v-3859f3fa]{margin-bottom:-1px}.xt-tabs--card .xt-tabs__nav-item[data-v-3859f3fa]{border:1px solid transparent;border-bottom:none;background:#f5f7fa}.xt-tabs--card .xt-tabs__nav-item--active[data-v-3859f3fa]{background:#fff;border-color:#dcdfe6;border-bottom-color:#fff}.xt-tabs--card--left .xt-tabs__nav-item[data-v-3859f3fa],.xt-tabs--card--right .xt-tabs__nav-item[data-v-3859f3fa]{border-bottom:1px solid transparent;border-right:none}.xt-tabs--card--left .xt-tabs__nav-item--active[data-v-3859f3fa],.xt-tabs--card--right .xt-tabs__nav-item--active[data-v-3859f3fa]{border-right-color:#fff;border-bottom-color:#dcdfe6}.xt-tabs--border-card[data-v-3859f3fa]{border:1px solid #dcdfe6;border-radius:4px;overflow:hidden}.xt-tabs--border-card .xt-tabs__nav-item--active[data-v-3859f3fa]{background:#ecf5ff;color:#409eff}.xt-tabs--editable .xt-tabs__close[data-v-3859f3fa]{display:inline-block}.xt-tabs__header[data-v-3859f3fa]{position:relative;display:flex}.xt-tabs__nav[data-v-3859f3fa]{display:flex;flex-wrap:nowrap}.xt-tabs__nav-item[data-v-3859f3fa]{position:relative;padding:12px 20px;cursor:pointer;font-size:14px;color:#606266;transition:all .3s;white-space:nowrap}.xt-tabs__nav-item--active[data-v-3859f3fa]{color:#409eff}.xt-tabs__nav-item--disabled[data-v-3859f3fa]{cursor:not-allowed;color:#c0c4cc}.xt-tabs__nav-item--add[data-v-3859f3fa]{color:#909399;font-size:20px}.xt-tabs__nav-item[data-v-3859f3fa]:hover:not(.xt-tabs__nav-item--disabled){color:#409eff;background-color:#ecf5ff}.xt-tabs__nav-link[data-v-3859f3fa]{display:inline-block}.xt-tabs__close[data-v-3859f3fa]{display:none;margin-left:8px;font-size:16px;line-height:1;color:#909399;vertical-align:middle}.xt-tabs__close[data-v-3859f3fa]:hover{color:#f56c6c}.xt-tabs__nav-indicator[data-v-3859f3fa]{position:absolute;height:2px;background-color:#409eff}.xt-tabs__content[data-v-3859f3fa]{flex:1;padding:16px;border-top:1px solid #dcdfe6}.xt-tabs--border-card .xt-tabs__content[data-v-3859f3fa]{border-top:none}.xt-tabs__pane[data-v-3859f3fa]{min-height:40px}