element-gui/lib/transfer.js

A Component Library for Vue.js.

module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,r),a.l=!0,a.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)r.d(n,a,function(t){return e[t]}.bind(null,a));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/dist/",r(r.s=66)}({0:function(e,t,r){"use strict";function n(e,t,r,n,a,i,s,o){var l,c="function"==typeof e?e.options:e;if(t&&(c.render=t,c.staticRenderFns=r,c._compiled=!0),n&&(c.functional=!0),i&&(c._scopeId="data-v-"+i),s?(l=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),a&&a.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},c._ssrRegister=l):a&&(l=o?function(){a.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:a),l)if(c.functional){c._injectStyles=l;var u=c.render;c.render=function(e,t){return l.call(t),u(e,t)}}else{var h=c.beforeCreate;c.beforeCreate=h?[].concat(h,l):[l]}return{exports:e,options:c}}r.d(t,"a",(function(){return n}))},10:function(e,t){e.exports=require("element-gui/lib/input")},13:function(e,t){e.exports=require("element-gui/lib/mixins/migrating")},19:function(e,t){e.exports=require("element-gui/lib/checkbox")},2:function(e,t){e.exports=require("element-gui/lib/utils/util")},21:function(e,t){e.exports=require("element-gui/lib/button")},34:function(e,t){e.exports=require("element-gui/lib/virtual")},4:function(e,t){e.exports=require("element-gui/lib/mixins/emitter")},43:function(e,t){e.exports=require("element-gui/lib/checkbox-group")},66:function(e,t,r){"use strict";r.r(t);var n=function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"el-transfer",class:[e.realSize?"el-transfer--"+e.realSize:""]},[r("transfer-panel",e._b({ref:"leftPanel",staticClass:"left-panel",attrs:{data:e.sourceData,width:e.width[0],size:e.realSize,title:e.titles[0]||e.t("el.transfer.titles.0"),"default-checked":e.leftDefaultChecked,placeholder:e.filterPlaceholder||e.t("el.transfer.filterPlaceholder")},on:{"checked-change":e.onSourceCheckedChange}},"transfer-panel",e.$props,!1),[e._t("left-footer")],2),r("div",{staticClass:"el-transfer__buttons"},[r("el-button",{staticClass:"el-transfer__button add-right",class:[e.hasButtonTexts?"is-with-texts":""],attrs:{type:"primary",size:e.realSize,disabled:0===e.leftChecked.length},nativeOn:{click:function(t){return e.addToRight(t)}}},[void 0!==e.buttonTexts[1]?r("span",{staticClass:"el-transfer__button-text"},[e._v(e._s(e.buttonTexts[1]))]):e._e(),r("i",{staticClass:"el-icon-arrow-right"})]),r("el-button",{staticClass:"el-transfer__button add-left",class:[e.hasButtonTexts?"is-with-texts":""],attrs:{type:"primary",size:e.realSize,disabled:0===e.rightChecked.length},nativeOn:{click:function(t){return e.addToLeft(t)}}},[r("i",{staticClass:"el-icon-arrow-left"}),void 0!==e.buttonTexts[0]?r("span",{staticClass:"el-transfer__button-text"},[e._v(e._s(e.buttonTexts[0]))]):e._e()])],1),r("transfer-panel",e._b({ref:"rightPanel",staticClass:"right-panel",attrs:{data:e.targetData,width:e.width[1],size:e.realSize,title:e.titles[1]||e.t("el.transfer.titles.1"),"default-checked":e.rightDefaultChecked,placeholder:e.filterPlaceholder||e.t("el.transfer.filterPlaceholder")},on:{"checked-change":e.onTargetCheckedChange}},"transfer-panel",e.$props,!1),[e._t("right-footer")],2)],1)};n._withStripped=!0;var a=r(21),i=r.n(a),s=r(4),o=r.n(s),l=r(7),c=r.n(l),u=function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"el-transfer-panel",class:[e.size?"el-transfer-panel--"+e.size:""],style:{width:e.width}},[r("p",{staticClass:"el-transfer-panel__header"},[r("el-checkbox",{attrs:{size:e.size,indeterminate:e.isIndeterminate},on:{change:e.handleAllCheckedChange},model:{value:e.allChecked,callback:function(t){e.allChecked=t},expression:"allChecked"}},[e._v("\n      "+e._s(e.title)+"\n      "),r("span",[e._v(e._s(e.checkedSummary))])])],1),r("div",{class:["el-transfer-panel__body",e.hasFooter?"is-with-footer":""]},[e.filterable?r("div",{staticClass:"el-transfer-panel__filter"},[r("el-input",{attrs:{size:e.size,placeholder:e.placeholder},nativeOn:{mouseenter:function(t){e.inputHover=!0},mouseleave:function(t){e.inputHover=!1}},model:{value:e.query,callback:function(t){e.query=t},expression:"query"}},[r("i",{class:["el-input__icon","el-icon-"+e.inputIcon],attrs:{slot:"suffix"},on:{click:e.clearQuery},slot:"suffix"})])],1):e._e(),r("el-scrollbar",{ref:"componentScrollBar",class:{"is-filterable":e.filterable},attrs:{"wrap-class":"el-transfer-panel__wrap","view-class":"el-transfer-panel__list"},on:{doScroll:e.doScroll}},[r("el-checkbox-group",{directives:[{name:"show",rawName:"v-show",value:!e.hasNoMatch&&e.data.length>0,expression:"!hasNoMatch && data.length > 0"}],ref:"listWrapper",attrs:{size:e.size},model:{value:e.checked,callback:function(t){e.checked=t},expression:"checked"}},[e.virtual?r("el-virtual",{ref:"virtualContainer",staticClass:"el-transfer-virtual",attrs:{"wrap-class":"el-transfer-virtual-group","item-class":"el-transfer-virtual-item","data-key":e.keyProp,"estimate-size":e.estimatesize,"data-sources":e.filteredData,"data-component":e.itemComponent,"extra-props":e.virtualListProps}}):e._l(e.renderData,(function(t){return r("el-checkbox",{key:t[e.keyProp],staticClass:"el-transfer-panel__item",attrs:{label:t[e.keyProp],disabled:t[e.disabledProp]}},[r("option-content",{attrs:{option:t}})],1)}))],2)],1),r("p",{directives:[{name:"show",rawName:"v-show",value:e.hasNoMatch,expression:"hasNoMatch"}],staticClass:"el-transfer-panel__empty"},[e._v(e._s(e.t("el.transfer.noMatch")))]),r("p",{directives:[{name:"show",rawName:"v-show",value:0===e.data.length&&!e.hasNoMatch,expression:"data.length === 0 && !hasNoMatch"}],staticClass:"el-transfer-panel__empty"},[e._v(e._s(e.t("el.transfer.noData")))])],1),e.hasFooter?r("p",{staticClass:"el-transfer-panel__footer"},[e._t("default")],2):e._e()])};u._withStripped=!0;var h=r(43),f=r.n(h),d=r(19),p=r.n(d),v=r(10),m=r.n(v),y=function(){var e=this.$createElement,t=this._self._c||e;return t("el-checkbox",{staticClass:"el-transfer-panel__item",attrs:{label:this.source[this.keyProp],disabled:this.source[this.disabledProp]}},[t("option-content",{attrs:{option:this.source}})],1)};y._withStripped=!0;var g=r(9),k={name:"transfer-checkbox-item",props:{index:{type:Number},source:{type:Object,default:function(){return{}}},keyProp:{type:String},disabledProp:{type:String}},components:{ElCheckbox:p.a,OptionContent:{props:{option:Object},directives:{ellipsis:g.a},render:function(e){var t=function e(t){return"ElTransferPanel"===t.$options.componentName?t:t.$parent?e(t.$parent):t}(this),r=t.$parent||t,n=this.option[t.labelProp]||this.option[t.keyProp];return t.renderContent?t.renderContent(e,this.option):r.$scopedSlots.default?r.$scopedSlots.default({option:this.option}):e("span",{directives:[{name:"ellipsis",value:!0}]},[n])}}}},b=r(0),C=Object(b.a)(k,y,[],!1,null,null,null).exports,_=r(34),x=r.n(_),P={mixins:[c.a],name:"ElTransferPanel",componentName:"ElTransferPanel",components:{ElCheckboxGroup:f.a,ElCheckbox:p.a,ElInput:m.a,ElVirtual:x.a,OptionContent:{props:{option:Object},directives:{ellipsis:g.a},render:function(e){var t=function e(t){return"ElTransferPanel"===t.$options.componentName?t:t.$parent?e(t.$parent):t}(this),r=t.$parent||t,n=this.option[t.labelProp]||this.option[t.keyProp];return t.renderContent?t.renderContent(e,this.option):r.$scopedSlots.default?r.$scopedSlots.default({option:this.option}):e("span",{directives:[{name:"ellipsis",value:!0}]},[n])}}},props:{data:{type:Array,default:function(){return[]}},renderContent:Function,placeholder:String,title:String,width:String,filterable:Boolean,format:Object,filterMethod:Function,defaultChecked:Array,props:Object,lazy:Number,size:String},data:function(){return{checked:[],allChecked:!1,query:"",inputHover:!1,checkChangeByUser:!0,renderData:[],lazyPage:1,lazyLoaded:!1,itemComponent:C,virtualListProps:{}}},watch:{filteredData:{immediate:!0,handler:function(e){this.loadRenderData(1)}},checked:function(e,t){this.updateAllChecked();var r={};e.every((function(e){r[e]=!0}));var n={};if(t.every((function(e){n[e]=!0})),this.checkChangeByUser){var a=e.concat(t).filter((function(e){return r[e]||t[e]}));this.$emit("checked-change",e,a)}else this.$emit("checked-change",e),this.checkChangeByUser=!0},data:function(){var e=this,t=[],r=this.filteredData.map((function(t){return t[e.keyProp]}));this.checked.forEach((function(e){r.indexOf(e)>-1&&t.push(e)})),this.checkChangeByUser=!1,this.checked=t},checkableData:function(){this.updateAllChecked()},defaultChecked:{immediate:!0,handler:function(e,t){var r=this;if(!t||e.length!==t.length||!e.every((function(e){return t.indexOf(e)>-1}))){var n=[],a=this.checkableData.map((function(e){return e[r.keyProp]}));e.forEach((function(e){a.indexOf(e)>-1&&n.push(e)})),this.checkChangeByUser=!1,this.checked=n}}}},computed:{filteredData:function(){var e=this;return this.updateScrollBar(),this.data.filter((function(t){return"function"==typeof e.filterMethod?e.filterMethod(e.query,t):(t[e.labelProp]||t[e.keyProp].toString()).toLowerCase().indexOf(e.query.toLowerCase())>-1}))},estimatesize:function(){var e=34;switch(this.size){case"medium":e=32;break;case"small":e=30;break;case"mini":e=28}return e},checkableData:function(){var e=this;return this.filteredData.filter((function(t){return!t[e.disabledProp]}))},checkedSummary:function(){var e=this.checked.length,t=this.data.length,r=this.format,n=r.noChecked,a=r.hasChecked;return n&&a?e>0?a.replace(/\${checked}/g,e).replace(/\${total}/g,t):n.replace(/\${total}/g,t):e+"/"+t},isIndeterminate:function(){var e=this.checked.length;return e>0&&e<this.checkableData.length},hasNoMatch:function(){return this.query.length>0&&0===this.filteredData.length},inputIcon:function(){return this.query.length>0&&this.inputHover?"circle-close":"search"},labelProp:function(){return this.props.label||"label"},keyProp:function(){return this.virtualListProps.keyProp=this.props.key||"key",this.props.key||"key"},disabledProp:function(){return this.virtualListProps.disabledProp=this.props.disabled||"disabled",this.props.disabled||"disabled"},hasFooter:function(){return!!this.$slots.default},virtual:function(){return this.$parent.virtual}},methods:{updateAllChecked:function(){var e=this,t={};this.checked.forEach((function(e){t[e]=!0})),this.allChecked=this.checkableData.length>0&&this.checked.length>0&&this.checkableData.every((function(r){return t[r[e.keyProp]]}))},handleAllCheckedChange:function(e){var t=this;this.checked=e?this.checkableData.map((function(e){return e[t.keyProp]})):[]},clearQuery:function(){"circle-close"===this.inputIcon&&(this.query="")},loadRenderData:function(e){var t=this,r=Math.max(this.lazy,0);if(r){var n=function(){var e,n=r*t.lazyPage,a=r*(t.lazyPage-1),i=t.filteredData.length;n>=i&&(t.lazyLoaded=!0,n=i),(e=t.renderData).push.apply(e,t.filteredData.slice(a,n)),t.lazyPage++};if(e)for(this.lazyPage=1,this.renderData=[],this.lazyLoaded=!1;!this.lazyLoaded&&this.renderData.length<20;)n();else n()}else this.renderData=this.filteredData;this.updateScrollBar()},doScroll:function(e){var t=e.event.target||e.event.srcElement;this.lazy&&!this.lazyLoaded&&(t.scrollTop+t.offsetHeight+50>=t.scrollHeight&&(this.loadRenderData(),this.updateScrollBar()));this.virtual&&this.$refs.virtualContainer.virtual.handleScroll(t.scrollTop)},updateScrollBar:function(){var e=this;this.$nextTick((function(){e.$refs.componentScrollBar&&e.$refs.componentScrollBar.update()}))}}},S=Object(b.a)(P,u,[],!1,null,null,null).exports,$=r(13),z=r.n($),w={name:"ElTransfer",mixins:[o.a,c.a,z.a],components:{TransferPanel:S,ElButton:i.a},props:{data:{type:Array,default:function(){return[]}},titles:{type:Array,default:function(){return[]}},width:{type:Array,default:function(){return["220px","220px"]}},buttonTexts:{type:Array,default:function(){return[]}},filterPlaceholder:{type:String,default:""},filterMethod:Function,leftDefaultChecked:{type:Array,default:function(){return[]}},rightDefaultChecked:{type:Array,default:function(){return[]}},renderContent:Function,value:{type:Array,default:function(){return[]}},format:{type:Object,default:function(){return{}}},filterable:Boolean,props:{type:Object,default:function(){return{label:"label",key:"key",disabled:"disabled"}}},targetOrder:{type:String,default:"original"},lazy:{type:Number,default:0},size:{type:String,default:""},virtual:{type:Boolean,default:!1}},data:function(){return{leftChecked:[],rightChecked:[]}},computed:{realSize:function(){return this.size||(this.$ELEMENT||{}).size},dataObj:function(){var e=this.props.key;return this.data.reduce((function(t,r){return(t[r[e]]=r)&&t}),{})},sourceData:function(){var e=this,t={};return this.value.forEach((function(e){t[e]=!0})),this.data.filter((function(r){return!t[r[e.props.key]]}))},targetData:function(){var e=this;if("original"===this.targetOrder){var t={};return this.value.forEach((function(e){t[e]=!0})),this.data.filter((function(r){return t[r[e.props.key]]}))}return this.value.reduce((function(t,r){var n=e.dataObj[r];return n&&t.push(n),t}),[])},hasButtonTexts:function(){return 2===this.buttonTexts.length}},watch:{value:function(e){this.dispatch("ElFormItem","el.form.change",e)}},methods:{getMigratingConfig:function(){return{props:{"footer-format":"footer-format is renamed to format."}}},onSourceCheckedChange:function(e,t){this.leftChecked=e,void 0!==t&&this.$emit("left-check-change",e,t)},onTargetCheckedChange:function(e,t){this.rightChecked=e,void 0!==t&&this.$emit("right-check-change",e,t)},addToLeft:function(){var e=this.value.slice();this.rightChecked.forEach((function(t){var r=e.indexOf(t);r>-1&&e.splice(r,1)})),this.$emit("input",e),this.$emit("change",e,"left",this.rightChecked)},addToRight:function(){var e=this.value.slice(),t=[],r=this.props.key,n={};this.leftChecked.forEach((function(e){n[e]=!0}));var a={};this.value.forEach((function(e){a[e]=!0})),this.data.forEach((function(e){var i=e[r];n[i]&&!a[i]&&t.push(i)})),e="unshift"===this.targetOrder?t.concat(e):e.concat(t),this.$emit("input",e),this.$emit("change",e,"right",this.leftChecked)},clearQuery:function(e){"left"===e?this.$refs.leftPanel.query="":"right"===e&&(this.$refs.rightPanel.query="")}}},O=Object(b.a)(w,n,[],!1,null,null,null).exports;O.install=function(e){e.component(O.name,O)};t.default=O},7:function(e,t){e.exports=require("element-gui/lib/mixins/locale")},9:function(e,t,r){"use strict";var n=r(2);t.a={inserted:function(e,t){e.onmouseover=function(){var t=e.offsetWidth;Object(n.isIE)()&&(e.parentNode.style.textOverflow="clip",t=e.offsetWidth,e.parentNode.style.textOverflow="ellipsis"),e.parentNode.offsetWidth<t&&(e.title=e.innerHTML.replace(/<[^>]*>/g,""))},e.onmouseout=function(){e.title&&e.removeAttribute("title")}}}}});