xt-element-ui 2.1.72 → 2.2.0

package/lib/xt-list/xt-list.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-list"]=e():t["xt-list"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function i(r){if(e[r])return e[r].exports;var s=e[r]={i:r,l:!1,exports:{}};return t[r].call(s.exports,s,s.exports,i),s.l=!0,s.exports}return i.m=t,i.c=e,i.d=function(t,e,r){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},i.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(i.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var s in t)i.d(r,s,function(e){return t[e]}.bind(null,s));return r},i.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s="fb15")}({"732a":function(t,e,i){"use strict";i("e895")},e895:function(t,e,i){},fb15:function(t,e,i){"use strict";if(i.r(e),i.d(e,"XtList",(function(){return h})),"undefined"!==typeof window){var r=window.document.currentScript,s=r&&r.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);s&&(i.p=s[1])}var a=function(){var t=this,e=t._self._c;return e("div",{staticClass:"xt-list",class:{"xt-list--loading":t.loading}},[t.title||t.filterable||t.sortable||t.$slots.toolbar?e("div",{staticClass:"xt-list__header"},[t.title?e("span",{staticClass:"xt-list__title"},[t._v(t._s(t.title))]):t._e(),e("div",{staticClass:"xt-list__toolbar"},[t.filterable?e("div",{staticClass:"xt-list__search"},[e("el-input",{attrs:{placeholder:t.filterPlaceholder,size:"small",clearable:"","prefix-icon":"el-icon-search"},on:{input:t.handleSearch},model:{value:t.searchText,callback:function(e){t.searchText=e},expression:"searchText"}})],1):t._e(),t.sortable&&t.sortBy?e("el-button",{attrs:{size:"small",icon:"el-icon-sort",type:t.currentSortOrder?"primary":"default",plain:""},on:{click:t.handleSortToggle}},[t._v(" "+t._s(t.sortLabel)+" ")]):t._e(),t._t("toolbar")],2)]):t._e(),e("div",{ref:"scrollContainer",staticClass:"xt-list__body",style:t.bodyStyle,on:{scroll:t.onScroll}},[t.virtualScroll?e("div",{staticClass:"xt-list__phantom",style:{height:t.totalHeight+"px"}},[e("div",{style:{paddingTop:t.offsetY+"px"}},[t.groupedData.length?[t._l(t.visibleGroups,(function(i,r){return[e("div",{key:i._key,staticClass:"xt-list__group"},[e("div",{staticClass:"xt-list__group-title",on:{click:function(e){return t.toggleGroup(i._key)}}},[e("span",{staticClass:"xt-list__group-arrow",class:{"is-expanded":i._expanded}},[e("i",{staticClass:"el-icon-arrow-right"})]),t._t("group-title",(function(){return[e("span",{staticClass:"xt-list__group-label"},[t._v(t._s(t.getGroupLabel(i)))]),e("span",{staticClass:"xt-list__group-count"},[t._v("("+t._s(i._items.length)+")")])]}),{group:i,items:i._items,expanded:i._expanded})],2),i._expanded?e("div",{class:["xt-list__cards","xt-list__cols-"+t.columns]},t._l(t.getVisibleItems(i),(function(r,s){return e("div",{key:r._id||s,staticClass:"xt-list__item",on:{click:function(e){return t.handleItemClick(r,i._key)}}},[e("el-card",{attrs:{shadow:t.shadow,"body-style":t.cardBodyStyle}},[t._t("default",(function(){return[t.getImage(r)?e("div",{staticClass:"xt-list__image"},[e("img",{attrs:{src:t.getImage(r),alt:t.getConfigValue(t.cardConfig.title,r)}})]):t._e(),t.getTag(r)?e("div",{staticClass:"xt-list__tag"},[e("el-tag",{attrs:{size:"small",type:t.getTagType(r)}},[t._v(t._s(t.getTag(r)))])],1):t._e(),t.getConfigValue(t.cardConfig.title,r)?e("div",{staticClass:"xt-list__card-title"},[t._v(" "+t._s(t.getConfigValue(t.cardConfig.title,r))+" ")]):t._e(),t.getConfigValue(t.cardConfig.subtitle,r)?e("div",{staticClass:"xt-list__card-subtitle"},[t._v(" "+t._s(t.getConfigValue(t.cardConfig.subtitle,r))+" ")]):t._e(),t.getConfigValue(t.cardConfig.content,r)?e("div",{staticClass:"xt-list__card-content"},[t._v(" "+t._s(t.getConfigValue(t.cardConfig.content,r))+" ")]):t._e(),t.getConfigValue(t.cardConfig.footer,r)?e("div",{staticClass:"xt-list__card-footer"},[t._t("card-footer",(function(){return[t._v(" "+t._s(t.getConfigValue(t.cardConfig.footer,r))+" ")]}),{item:r,index:t.getItemIndex(r,i)})],2):t._e()]}),{item:r,index:t.getItemIndex(r,i),group:i})],2)],1)})),0):t._e()])]}))]:t.loading?t._e():e("div",{staticClass:"xt-list__empty"},[t._t("empty",(function(){return[e("span",[t._v(t._s(t.emptyText))])]}))],2)],2)]):t.groupedData.length?[t._l(t.groupedData,(function(i){return[e("div",{key:i._key,staticClass:"xt-list__group"},[e("div",{staticClass:"xt-list__group-title",on:{click:function(e){return t.toggleGroup(i._key)}}},[e("span",{staticClass:"xt-list__group-arrow",class:{"is-expanded":i._expanded}},[e("i",{staticClass:"el-icon-arrow-right"})]),t._t("group-title",(function(){return[e("span",{staticClass:"xt-list__group-label"},[t._v(t._s(t.getGroupLabel(i)))]),e("span",{staticClass:"xt-list__group-count"},[t._v("("+t._s(i._items.length)+")")])]}),{group:i,items:i._items,expanded:i._expanded})],2),i._expanded?e("div",{class:["xt-list__cards","xt-list__cols-"+t.columns]},t._l(i._items,(function(r,s){return e("div",{key:r._id||s,staticClass:"xt-list__item",on:{click:function(e){return t.handleItemClick(r,i._key)}}},[e("el-card",{attrs:{shadow:t.shadow,"body-style":t.cardBodyStyle}},[t._t("default",(function(){return[t.getImage(r)?e("div",{staticClass:"xt-list__image"},[e("img",{attrs:{src:t.getImage(r),alt:t.getConfigValue(t.cardConfig.title,r)}})]):t._e(),t.getTag(r)?e("div",{staticClass:"xt-list__tag"},[e("el-tag",{attrs:{size:"small",type:t.getTagType(r)}},[t._v(t._s(t.getTag(r)))])],1):t._e(),t.getConfigValue(t.cardConfig.title,r)?e("div",{staticClass:"xt-list__card-title"},[t._v(" "+t._s(t.getConfigValue(t.cardConfig.title,r))+" ")]):t._e(),t.getConfigValue(t.cardConfig.subtitle,r)?e("div",{staticClass:"xt-list__card-subtitle"},[t._v(" "+t._s(t.getConfigValue(t.cardConfig.subtitle,r))+" ")]):t._e(),t.getConfigValue(t.cardConfig.content,r)?e("div",{staticClass:"xt-list__card-content"},[t._v(" "+t._s(t.getConfigValue(t.cardConfig.content,r))+" ")]):t._e(),t.getConfigValue(t.cardConfig.footer,r)?e("div",{staticClass:"xt-list__card-footer"},[t._t("card-footer",(function(){return[t._v(" "+t._s(t.getConfigValue(t.cardConfig.footer,r))+" ")]}),{item:r,index:s})],2):t._e()]}),{item:r,index:s,group:i})],2)],1)})),0):t._e()])]}))]:t.loading?t._e():e("div",{staticClass:"xt-list__empty"},[t._t("empty",(function(){return[e("span",[t._v(t._s(t.emptyText))])]}))],2),t.loadMore&&t.hasMore&&!t.loading?e("div",{staticClass:"xt-list__loadmore"},[e("el-button",{attrs:{type:"text",loading:t.loadMoreLoading},on:{click:t.handleLoadMore}},[t._v(" "+t._s(t.loadMoreText)+" ")])],1):t._e()],2),t.loading?e("div",{staticClass:"xt-list__loading"},[t._t("loading",(function(){return[e("i",{staticClass:"el-icon-loading"}),e("span",[t._v("加载中...")])]}))],2):t._e(),t.showPagination?e("div",{staticClass:"xt-list__footer"},[e("el-pagination",{attrs:{background:"",small:"","current-page":t.pagination.pageNum,"page-size":t.pagination.pageSize,total:t.total,"page-sizes":t.pagination.pageSizes||[10,20,50],layout:"total, prev, pager, next"},on:{"size-change":t.handleSizeChange,"current-change":t.handleCurrentChange}})],1):t._e()])},n=[];const o=160,l=44;var d={name:"XtList",props:{data:{type:Array,default:()=>[]},groupBy:{type:String,default:""},groupLabel:{type:[String,Function],default:""},cardConfig:{type:Object,default:()=>({title:"title",subtitle:"",content:"",image:"",tag:"",tagType:"",footer:""})},title:{type:String,default:""},columns:{type:Number,default:1},shadow:{type:String,default:"hover"},cardBodyStyle:{type:Object,default:()=>({})},virtualScroll:{type:Boolean,default:!1},itemHeight:{type:Number,default:o},bufferSize:{type:Number,default:3},height:{type:[Number,String],default:null},maxHeight:{type:[Number,String],default:null},expandAll:{type:Boolean,default:!0},accordion:{type:Boolean,default:!1},pagination:{type:Object,default:null},total:{type:Number,default:0},loadMore:{type:Boolean,default:!1},hasMore:{type:Boolean,default:!1},loadMoreText:{type:String,default:"加载更多"},loadMoreLoading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},emptyText:{type:String,default:"暂无数据"},filterable:{type:Boolean,default:!1},filterPlaceholder:{type:String,default:"请输入搜索内容"},filterMethod:{type:Function,default:null},sortable:{type:Boolean,default:!1},sortBy:{type:String,default:""},sortOrder:{type:String,default:""},sortMethod:{type:Function,default:null}},data(){return{groupExpandState:{},scrollTop:0,containerHeight:0,resizeObserver:null,rafId:null,searchText:"",currentSortOrder:this.sortOrder||""}},computed:{showPagination(){return this.pagination&&this.total>0},sortLabel(){return this.currentSortOrder?"ascending"===this.currentSortOrder?"升序":"降序":"排序"},bodyStyle(){const t={};return this.height&&(t.height="number"===typeof this.height?this.height+"px":this.height),this.maxHeight&&(t.maxHeight="number"===typeof this.maxHeight?this.maxHeight+"px":this.maxHeight),this.virtualScroll&&(t.overflowY="auto",t.overflowX="hidden"),t},filteredData(){return this.filterable&&this.searchText?this.data.filter(t=>"function"===typeof this.filterMethod?this.filterMethod(t,this.searchText):Object.values(t).some(t=>null!=t&&String(t).toLowerCase().includes(this.searchText.toLowerCase()))):this.data},sortedData(){if(!this.sortable||!this.sortBy||!this.currentSortOrder)return this.filteredData;const t="ascending"===this.currentSortOrder?1:-1,e="function"===typeof this.sortMethod?this.sortMethod:(t,e)=>{const i=t[this.sortBy],r=e[this.sortBy];return null==i&&null==r?0:null==i?-1:null==r?1:"number"===typeof i&&"number"===typeof r?i-r:String(i).localeCompare(String(r),void 0,{numeric:!0})};return[...this.filteredData].sort((i,r)=>e(i,r)*t)},groupedData(){const t=this.sortedData;if(!t||!t.length)return[];if(!this.groupBy)return[{_key:"_default",_items:t.map((t,e)=>({...t,_id:t._id||"item_"+e})),_expanded:!0}];const e={};t.forEach((t,i)=>{const r=t[this.groupBy],s=null!=r?String(r):"_undefined";e[s]||(e[s]={_key:s,_value:r,_items:[]}),e[s]._items.push({...t,_id:t._id||"item_"+i})});const i=Object.keys(e).sort().map(t=>{const i=e[t];return i._expanded=void 0!==this.groupExpandState[t]?this.groupExpandState[t]:this.expandAll,i});return i},totalHeight(){if(!this.virtualScroll)return 0;let t=0;return this.groupedData.forEach(e=>{if(t+=l,e._expanded){const i=Math.ceil(e._items.length/this.columns);t+=i*this.itemHeight}}),t},visibleGroups(){if(!this.virtualScroll)return this.groupedData;const t=Math.max(0,this.scrollTop-this.bufferSize*this.itemHeight),e=t+this.containerHeight+this.bufferSize*this.itemHeight*2,i=[];let r=0;return this.groupedData.forEach(s=>{const a=l+(s._expanded?Math.ceil(s._items.length/this.columns)*this.itemHeight:0),n=r+a;n>=t&&r<=e&&i.push(s),r=n}),i},offsetY(){if(!this.virtualScroll)return 0;let t=0;const e=Math.max(0,this.scrollTop-this.bufferSize*this.itemHeight);for(let i=0;i<this.groupedData.length;i++){const r=this.groupedData[i],s=l+(r._expanded?Math.ceil(r._items.length/this.columns)*this.itemHeight:0);if(!(t+s<=e))break;t+=s}return t}},watch:{data:{handler(){this.$nextTick(()=>{this.updateContainerHeight()})}},expandAll(t){const e={};this.groupedData.forEach(i=>{e[i._key]=t}),this.groupExpandState=e}},mounted(){this.$nextTick(()=>{this.updateContainerHeight(),this.bindResizeObserver()})},beforeDestroy(){this.unbindResizeObserver(),this.rafId&&"undefined"!==typeof cancelAnimationFrame&&(cancelAnimationFrame(this.rafId),this.rafId=null)},methods:{toggleGroup(t){const e={...this.groupExpandState},i=void 0!==e[t]?e[t]:this.expandAll;this.accordion&&!i&&Object.keys(e).forEach(t=>{e[t]=!1}),e[t]=!i,this.groupExpandState=e,this.$nextTick(()=>{this.updateContainerHeight(),this.$emit("group-toggle",{key:t,expanded:e[t]})})},getGroupLabel(t){return""===this.groupLabel?t._value:"function"===typeof this.groupLabel?this.groupLabel(t):"string"===typeof this.groupLabel&&t._items[0]&&t._items[0][this.groupLabel]||t._value},getConfigValue(t,e){return t?"function"===typeof t?t(e):"string"===typeof t&&e[t]||"":""},getImage(t){return this.getConfigValue(this.cardConfig.image,t)},getTag(t){return this.getConfigValue(this.cardConfig.tag,t)},getTagType(t){return this.cardConfig.tagType?"function"===typeof this.cardConfig.tagType?this.cardConfig.tagType(t):this.cardConfig.tagType:""},getVisibleItems(t){if(!this.virtualScroll)return t._items;const e=this.bufferSize*this.itemHeight,i=Math.max(0,this.scrollTop-e),r=i+this.containerHeight+2*e;let s=0,a=0;for(let u=0;u<this.groupedData.length;u++){const e=this.groupedData[u];if(e._key===t._key){a=s+l;break}s+=l+(e._expanded?Math.ceil(e._items.length/this.columns)*this.itemHeight:0)}const n=a+Math.ceil(t._items.length/this.columns)*this.itemHeight;if(n<=i||a>=r)return[];const o=Math.max(0,Math.floor((i-a)/this.itemHeight)*this.columns),d=Math.min(t._items.length,Math.ceil((r-a)/this.itemHeight)*this.columns+e);return t._items.slice(Math.max(0,o),d)},getItemIndex(t,e){return e._items.indexOf(t)},onScroll(){this.virtualScroll&&(this.scrollTop=this.$refs.scrollContainer.scrollTop,this.rafId||"undefined"!==typeof requestAnimationFrame&&(this.rafId=requestAnimationFrame(()=>{this.$forceUpdate(),this.rafId=null})))},updateContainerHeight(){this.$refs.scrollContainer&&(this.containerHeight=this.$refs.scrollContainer.clientHeight)},bindResizeObserver(){if("undefined"===typeof ResizeObserver)return;const t=this.$refs.scrollContainer;t&&(this.resizeObserver=new ResizeObserver(()=>{this.updateContainerHeight()}),this.resizeObserver.observe(t))},unbindResizeObserver(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null)},handleSearch(){this.$emit("search",this.searchText)},handleSortToggle(){const t=["","ascending","descending"],e=t.indexOf(this.currentSortOrder);this.currentSortOrder=t[(e+1)%3],this.$emit("sort-change",{prop:this.sortBy,order:this.currentSortOrder})},handleItemClick(t,e){this.$emit("click-item",{item:t,groupKey:e})},handleLoadMore(){this.$emit("load-more")},handleSizeChange(t){this.$emit("size-change",t)},handleCurrentChange(t){this.$emit("page-change",t)},scrollToTop(){this.$refs.scrollContainer&&this.$refs.scrollContainer.scrollTo({top:0,behavior:"smooth"})},expandGroup(t){const e={...this.groupExpandState};e[t]=!0,this.groupExpandState=e},collapseGroup(t){const e={...this.groupExpandState};e[t]=!1,this.groupExpandState=e},collapseAll(){const t={};this.groupedData.forEach(e=>{t[e._key]=!1}),this.groupExpandState=t},expandAllGroups(){this.groupExpandState={}}}},u=d;i("732a");function c(t,e,i,r,s,a,n,o){var l,d="function"===typeof t?t.options:t;if(e&&(d.render=e,d.staticRenderFns=i,d._compiled=!0),r&&(d.functional=!0),a&&(d._scopeId="data-v-"+a),n?(l=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__),s&&s.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(n)},d._ssrRegister=l):s&&(l=o?function(){s.call(this,(d.functional?this.parent:this).$root.$options.shadowRoot)}:s),l)if(d.functional){d._injectStyles=l;var u=d.render;d.render=function(t,e){return l.call(e),u(t,e)}}else{var c=d.beforeCreate;d.beforeCreate=c?[].concat(c,l):[l]}return{exports:t,options:d}}var g=c(u,a,n,!1,null,"53c7db00",null),h=g.exports;h.install=function(t){t.component(h.name,h)};var p=h;e["default"]=p}})}));

package/lib/xt-map/demo.html

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

package/lib/xt-map/index.js

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