virtual-tree-select
Advanced tools
+12
-8
| var name = "virtual-tree-select"; | ||
| var description = "虚拟下拉树选择框"; | ||
| var version = "1.0.5"; | ||
| var version = "1.0.6"; | ||
| var author = "xyl <786549791@qq.com>"; | ||
@@ -499,3 +499,3 @@ var license = "MIT"; | ||
| data.checked = true; | ||
| this.$emit('emitClick'); | ||
| this.$emit('nodeClick', data); | ||
| } | ||
@@ -912,7 +912,7 @@ this._emitChange(type); | ||
| if (!inject) return | ||
| inject("data-v-7d91dfbc_0", { source: ".list[data-v-7d91dfbc]{overflow:auto;flex:1;position:relative;height:100%}.list ul[data-v-7d91dfbc]{list-style:none;user-select:none;position:absolute;left:0;top:0;right:0}.list ul li[data-v-7d91dfbc]{line-height:30px;white-space:nowrap;display:flex;align-items:center;font-size:16px;height:30px;cursor:pointer}.list ul li.active-li[data-v-7d91dfbc]{background:#d7e5f9;color:#165ac6}.list ul li i[data-v-7d91dfbc]{display:inline-block;width:14px;color:#a9c4df;margin-right:5px;margin-top:2px}.list ul li i.el-icon-caret-bottom[data-v-7d91dfbc]{cursor:pointer}.list ul li i.hide[data-v-7d91dfbc]{transform-origin:50% 50%;transform:rotate(-90deg)}.list .no-data[data-v-7d91dfbc]{text-align:center;line-height:50px;color:#999}", map: undefined, media: undefined }); | ||
| inject("data-v-7fe78975_0", { source: ".list[data-v-7fe78975]{overflow:auto;flex:1;position:relative;height:100%}.list ul[data-v-7fe78975]{list-style:none;user-select:none;position:absolute;left:0;top:0;right:0}.list ul li[data-v-7fe78975]{line-height:30px;white-space:nowrap;display:flex;align-items:center;font-size:16px;height:30px;cursor:pointer}.list ul li.active-li[data-v-7fe78975]{background:#d7e5f9;color:#165ac6}.list ul li i[data-v-7fe78975]{display:inline-block;width:14px;color:#a9c4df;margin-right:5px;margin-top:2px}.list ul li i.el-icon-caret-bottom[data-v-7fe78975]{cursor:pointer}.list ul li i.hide[data-v-7fe78975]{transform-origin:50% 50%;transform:rotate(-90deg)}.list .no-data[data-v-7fe78975]{text-align:center;line-height:50px;color:#999}", map: undefined, media: undefined }); | ||
| }; | ||
| /* scoped */ | ||
| const __vue_scope_id__$2 = "data-v-7d91dfbc"; | ||
| const __vue_scope_id__$2 = "data-v-7fe78975"; | ||
| /* module identifier */ | ||
@@ -1444,2 +1444,6 @@ const __vue_module_identifier__$2 = undefined; | ||
| }, | ||
| nodeClick: function nodeClick(data) { | ||
| this.isShowSelect = false; | ||
| this.$emit('nodeClick', data); | ||
| }, | ||
| selectedIdsTreeChange: function selectedIdsTreeChange(v) { | ||
@@ -1505,3 +1509,3 @@ // 单选 | ||
| /* template */ | ||
| var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"virtualSelect",attrs:{"role":"button","tabindex":"0","aria-label":"请选择"}},[_c('el-popover',{attrs:{"popper-class":"treeSelect_v_popover","placement":"bottom-start","width":_vm.popoverWidth,"trigger":"manual"},model:{value:(_vm.isShowSelect),callback:function ($$v) {_vm.isShowSelect=$$v;},expression:"isShowSelect"}},[_c('div',{ref:"xz_content",staticClass:"xz",attrs:{"slot":"reference"},on:{"click":_vm.toggleSelect},slot:"reference"},[(_vm.$attrs.multiple && _vm.selectedArr.length)?_c('span',[_c('el-tag',{attrs:{"closable":"","title":_vm.selectedArr.map(function (item) { return item[_vm.$attrs.props.label]; }).join(';')},on:{"close":function($event){return _vm.closeTag(0)}}},[_vm._v(_vm._s(_vm.selectedArr[0][_vm.$attrs.props.label].substr(0, 4))+"\n "+_vm._s(_vm.selectedArr[0][_vm.$attrs.props.label].length > 4 ? "..." : ""))]),_vm._v(" "),_c('el-tag',{directives:[{name:"show",rawName:"v-show",value:(_vm.selectedArr.length > 1),expression:"selectedArr.length > 1"}]},[_vm._v("+"+_vm._s(_vm.selectedArr.length - 1))])],1):(_vm.selectedArr.length)?_c('span',{staticClass:"single",attrs:{"title":_vm.selectedArr[0][_vm.$attrs.props.label]}},[_vm._v(_vm._s(_vm.selectedArr[0][_vm.$attrs.props.label]))]):_c('span',[_vm._v("请选择")]),_vm._v(" "),(_vm.selectedArr.length && _vm.clearable)?_c('i',{staticClass:"el-icon-circle-close",on:{"click":function($event){$event.stopPropagation();return _vm.clear.apply(null, arguments)}}}):_vm._e(),_vm._v(" "),_c('i',{staticClass:"el-icon-arrow-down"}),_vm._v(" "),_c('el-input',{staticClass:"search",staticStyle:{"display":"none"},attrs:{"size":"small","value":_vm.selectedArr[0] && _vm.selectedArr[0].dm,"placeholder":"请选择"}})],1),_vm._v(" "),_c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"list-popover-ay",style:('min-width: ' + _vm.minWidth + 'px')},[_c('div',{staticClass:"left"},[_c('ul',_vm._l((_vm.provinces),function(item,idx){return _c('li',{key:item.dm,class:{atthis: _vm.selectDwbm == item.dm},attrs:{"title":item.dwqc},on:{"click":function($event){$event.stopPropagation();return _vm.selectProvince(item.dm)}}},[(idx == 0)?_c('i',{staticClass:"el-icon-location-information"}):_vm._e(),_vm._v(" "),_c('span',[_vm._v(_vm._s(item.mc))])])}),0)]),_vm._v(" "),_c('div',{staticClass:"right"},[_c('div',{staticClass:"btn"},[_c('el-input',{staticClass:"search",attrs:{"size":"small","validateEvent":false,"placeholder":"请输入关键字搜索"},model:{value:(_vm.searchText),callback:function ($$v) {_vm.searchText=$$v;},expression:"searchText"}})],1),_vm._v(" "),_c('virtualTree',_vm._b({ref:"virtualTree",attrs:{"data":_vm.gxdwxxList},on:{"change":_vm.selectedIdsTreeChange,"emitClick":function($event){_vm.isShowSelect = false;}},model:{value:(_vm.selectedIdsTree),callback:function ($$v) {_vm.selectedIdsTree=$$v;},expression:"selectedIdsTree"}},'virtualTree',_vm.$attrs,false))],1)])])],1)}; | ||
| var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"virtualSelect",attrs:{"role":"button","tabindex":"0","aria-label":"请选择"}},[_c('el-popover',{attrs:{"popper-class":"treeSelect_v_popover","placement":"bottom-start","width":_vm.popoverWidth,"trigger":"manual"},model:{value:(_vm.isShowSelect),callback:function ($$v) {_vm.isShowSelect=$$v;},expression:"isShowSelect"}},[_c('div',{ref:"xz_content",staticClass:"xz",attrs:{"slot":"reference"},on:{"click":_vm.toggleSelect},slot:"reference"},[(_vm.$attrs.multiple && _vm.selectedArr.length)?_c('span',[_c('el-tag',{attrs:{"closable":"","title":_vm.selectedArr.map(function (item) { return item[_vm.$attrs.props.label]; }).join(';')},on:{"close":function($event){return _vm.closeTag(0)}}},[_vm._v(_vm._s(_vm.selectedArr[0][_vm.$attrs.props.label].substr(0, 4))+"\n "+_vm._s(_vm.selectedArr[0][_vm.$attrs.props.label].length > 4 ? "..." : ""))]),_vm._v(" "),_c('el-tag',{directives:[{name:"show",rawName:"v-show",value:(_vm.selectedArr.length > 1),expression:"selectedArr.length > 1"}]},[_vm._v("+"+_vm._s(_vm.selectedArr.length - 1))])],1):(_vm.selectedArr.length)?_c('span',{staticClass:"single",attrs:{"title":_vm.selectedArr[0][_vm.$attrs.props.label]}},[_vm._v(_vm._s(_vm.selectedArr[0][_vm.$attrs.props.label]))]):_c('span',[_vm._v("请选择")]),_vm._v(" "),(_vm.selectedArr.length && _vm.clearable)?_c('i',{staticClass:"el-icon-circle-close",on:{"click":function($event){$event.stopPropagation();return _vm.clear.apply(null, arguments)}}}):_vm._e(),_vm._v(" "),_c('i',{staticClass:"el-icon-arrow-down"}),_vm._v(" "),_c('el-input',{staticClass:"search",staticStyle:{"display":"none"},attrs:{"size":"small","value":_vm.selectedArr[0] && _vm.selectedArr[0].dm,"placeholder":"请选择"}})],1),_vm._v(" "),_c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"list-popover-ay",style:('min-width: ' + _vm.minWidth + 'px')},[_c('div',{staticClass:"left"},[_c('ul',_vm._l((_vm.provinces),function(item,idx){return _c('li',{key:item.dm,class:{atthis: _vm.selectDwbm == item.dm},attrs:{"title":item.dwqc},on:{"click":function($event){$event.stopPropagation();return _vm.selectProvince(item.dm)}}},[(idx == 0)?_c('i',{staticClass:"el-icon-location-information"}):_vm._e(),_vm._v(" "),_c('span',[_vm._v(_vm._s(item.mc))])])}),0)]),_vm._v(" "),_c('div',{staticClass:"right"},[_c('div',{staticClass:"btn"},[_c('el-input',{staticClass:"search",attrs:{"size":"small","validateEvent":false,"placeholder":"请输入关键字搜索"},model:{value:(_vm.searchText),callback:function ($$v) {_vm.searchText=$$v;},expression:"searchText"}})],1),_vm._v(" "),_c('virtualTree',_vm._b({ref:"virtualTree",attrs:{"data":_vm.gxdwxxList},on:{"change":_vm.selectedIdsTreeChange,"nodeClick":_vm.nodeClick},model:{value:(_vm.selectedIdsTree),callback:function ($$v) {_vm.selectedIdsTree=$$v;},expression:"selectedIdsTree"}},'virtualTree',_vm.$attrs,false))],1)])])],1)}; | ||
| var __vue_staticRenderFns__ = []; | ||
@@ -1512,8 +1516,8 @@ | ||
| if (!inject) return | ||
| inject("data-v-4c6d7602_0", { source: "@charset \"UTF-8\";.virtualSelect[data-v-4c6d7602]{border:1px solid #a9c4df;height:34px;line-height:34px;border-radius:3px;padding:0 5px 0 10px;outline:0;cursor:pointer;user-select:none}.virtualSelect .xz[data-v-4c6d7602]{display:flex;outline:0}.virtualSelect .xz>span[data-v-4c6d7602]{flex:1;overflow:hidden;color:#879bc1;text-overflow:ellipsis;white-space:nowrap}.virtualSelect .xz>span.single[data-v-4c6d7602]{color:#4f5e7b}.virtualSelect .xz .el-tag[data-v-4c6d7602]{line-height:22px;height:24px;font-size:16px;color:#4084f0;margin-top:3px}.virtualSelect .xz i[data-v-4c6d7602]{width:20px;line-height:34px;color:#6fabef;font-size:14px}.virtualSelect .xz i.el-icon-circle-close[data-v-4c6d7602]{display:none}.virtualSelect .xz:hover i.el-icon-circle-close[data-v-4c6d7602]{display:block}", map: undefined, media: undefined }) | ||
| ,inject("data-v-4c6d7602_1", { source: "@charset \"UTF-8\";.list-popover-ay{min-height:100px;max-height:400px;min-width:490px;display:flex;position:relative}.list-popover-ay .left{width:123px;border-right:1px solid #a9c4df;overflow:auto}.list-popover-ay .left li{line-height:35px;font-size:16px;padding:0 10px;display:flex;cursor:pointer}.list-popover-ay .left li:first-child{position:relative}.list-popover-ay .left li:first-child::after{display:block;content:\"\";border-bottom:1px solid #a9c4df;position:absolute;left:10px;right:10px;bottom:0}.list-popover-ay .left li:first-child span{padding-left:0}.list-popover-ay .left li.atthis{background:#b3d8ff;color:#4084f0;font-weight:700}.list-popover-ay .left li i{align-content:center;padding-right:5px;line-height:35px}.list-popover-ay .left li span{padding-left:20px;display:block;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-popover-ay .right{flex:1;display:flex;flex-direction:column}.list-popover-ay .list{overflow:auto;position:relative;flex:1}.list-popover-ay .btn{height:36px;line-height:36px;display:flex;background:#fff}.list-popover-ay .btn .search{padding:0 5px;font-size:14px}.list-popover-ay .btn .search .el-input__inner{border:0;border-bottom:1px solid #a9c4df;border-radius:0}.list-popover-ay .btn .an{position:relative;top:-1px}.list-popover-ay .right ul{list-style:none;user-select:none;position:absolute;left:0;top:0;right:0}.list-popover-ay .right ul li{line-height:30px;white-space:nowrap;display:flex;align-items:center;font-size:16px;height:30px;cursor:pointer}.list-popover-ay .right ul li.active-li{background:#d7e5f9;color:#165ac6}.list-popover-ay .right ul li .el-checkbox{display:flex;overflow:hidden;align-items:center;flex:1}.list-popover-ay .right ul li .el-checkbox .el-checkbox__input{position:relative;top:1px;margin:0}.list-popover-ay .right ul li .el-checkbox .el-checkbox__label{text-overflow:ellipsis;overflow:hidden;line-height:16px!important}.list-popover-ay .right ul li i{display:inline-block;width:14px;color:#a9c4df;margin-right:5px;margin-top:2px;font-size:14px}.list-popover-ay .right ul li i.el-icon-caret-bottom{cursor:pointer}.list-popover-ay .right ul li i.hide{transform-origin:50% 50%;transform:rotate(-90deg)}.list-popover-ay .right ul .el-checkbox .el-checkbox__label{text-indent:0;font-size:16px;color:#606266}.list-popover-ay .right ul .el-checkbox__input.is-checked+.el-checkbox__label{color:#606266}.treeSelect_v_popover[x-placement^=bottom]{margin-top:4px;margin-left:-10px;padding:0}.treeSelect_v_popover[x-placement^=bottom] .popper__arrow{display:none}.treeSelect_v_popover[x-placement^=bottom] p{text-align:center;color:#b1b8c5;padding-top:20px}", map: undefined, media: undefined }); | ||
| inject("data-v-7d940f38_0", { source: "@charset \"UTF-8\";.virtualSelect[data-v-7d940f38]{border:1px solid #a9c4df;height:34px;line-height:34px;border-radius:3px;padding:0 5px 0 10px;outline:0;cursor:pointer;user-select:none}.virtualSelect .xz[data-v-7d940f38]{display:flex;outline:0}.virtualSelect .xz>span[data-v-7d940f38]{flex:1;overflow:hidden;color:#879bc1;text-overflow:ellipsis;white-space:nowrap}.virtualSelect .xz>span.single[data-v-7d940f38]{color:#4f5e7b}.virtualSelect .xz .el-tag[data-v-7d940f38]{line-height:22px;height:24px;font-size:16px;color:#4084f0;margin-top:3px}.virtualSelect .xz i[data-v-7d940f38]{width:20px;line-height:34px;color:#6fabef;font-size:14px}.virtualSelect .xz i.el-icon-circle-close[data-v-7d940f38]{display:none}.virtualSelect .xz:hover i.el-icon-circle-close[data-v-7d940f38]{display:block}", map: undefined, media: undefined }) | ||
| ,inject("data-v-7d940f38_1", { source: "@charset \"UTF-8\";.list-popover-ay{min-height:100px;max-height:400px;min-width:490px;display:flex;position:relative}.list-popover-ay .left{width:123px;border-right:1px solid #a9c4df;overflow:auto}.list-popover-ay .left li{line-height:35px;font-size:16px;padding:0 10px;display:flex;cursor:pointer}.list-popover-ay .left li:first-child{position:relative}.list-popover-ay .left li:first-child::after{display:block;content:\"\";border-bottom:1px solid #a9c4df;position:absolute;left:10px;right:10px;bottom:0}.list-popover-ay .left li:first-child span{padding-left:0}.list-popover-ay .left li.atthis{background:#b3d8ff;color:#4084f0;font-weight:700}.list-popover-ay .left li i{align-content:center;padding-right:5px;line-height:35px}.list-popover-ay .left li span{padding-left:20px;display:block;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-popover-ay .right{flex:1;display:flex;flex-direction:column}.list-popover-ay .list{overflow:auto;position:relative;flex:1}.list-popover-ay .btn{height:36px;line-height:36px;display:flex;background:#fff}.list-popover-ay .btn .search{padding:0 5px;font-size:14px}.list-popover-ay .btn .search .el-input__inner{border:0;border-bottom:1px solid #a9c4df;border-radius:0}.list-popover-ay .btn .an{position:relative;top:-1px}.list-popover-ay .right ul{list-style:none;user-select:none;position:absolute;left:0;top:0;right:0}.list-popover-ay .right ul li{line-height:30px;white-space:nowrap;display:flex;align-items:center;font-size:16px;height:30px;cursor:pointer}.list-popover-ay .right ul li.active-li{background:#d7e5f9;color:#165ac6}.list-popover-ay .right ul li .el-checkbox{display:flex;overflow:hidden;align-items:center;flex:1}.list-popover-ay .right ul li .el-checkbox .el-checkbox__input{position:relative;top:1px;margin:0}.list-popover-ay .right ul li .el-checkbox .el-checkbox__label{text-overflow:ellipsis;overflow:hidden;line-height:16px!important}.list-popover-ay .right ul li i{display:inline-block;width:14px;color:#a9c4df;margin-right:5px;margin-top:2px;font-size:14px}.list-popover-ay .right ul li i.el-icon-caret-bottom{cursor:pointer}.list-popover-ay .right ul li i.hide{transform-origin:50% 50%;transform:rotate(-90deg)}.list-popover-ay .right ul .el-checkbox .el-checkbox__label{text-indent:0;font-size:16px;color:#606266}.list-popover-ay .right ul .el-checkbox__input.is-checked+.el-checkbox__label{color:#606266}.treeSelect_v_popover[x-placement^=bottom]{margin-top:4px;margin-left:-10px;padding:0}.treeSelect_v_popover[x-placement^=bottom] .popper__arrow{display:none}.treeSelect_v_popover[x-placement^=bottom] p{text-align:center;color:#b1b8c5;padding-top:20px}", map: undefined, media: undefined }); | ||
| }; | ||
| /* scoped */ | ||
| const __vue_scope_id__ = "data-v-4c6d7602"; | ||
| const __vue_scope_id__ = "data-v-7d940f38"; | ||
| /* module identifier */ | ||
@@ -1520,0 +1524,0 @@ const __vue_module_identifier__ = undefined; |
+12
-8
@@ -9,3 +9,3 @@ (function (global, factory) { | ||
| var description = "虚拟下拉树选择框"; | ||
| var version = "1.0.5"; | ||
| var version = "1.0.6"; | ||
| var author = "xyl <786549791@qq.com>"; | ||
@@ -506,3 +506,3 @@ var license = "MIT"; | ||
| data.checked = true; | ||
| this.$emit('emitClick'); | ||
| this.$emit('nodeClick', data); | ||
| } | ||
@@ -919,7 +919,7 @@ this._emitChange(type); | ||
| if (!inject) return | ||
| inject("data-v-7d91dfbc_0", { source: ".list[data-v-7d91dfbc]{overflow:auto;flex:1;position:relative;height:100%}.list ul[data-v-7d91dfbc]{list-style:none;user-select:none;position:absolute;left:0;top:0;right:0}.list ul li[data-v-7d91dfbc]{line-height:30px;white-space:nowrap;display:flex;align-items:center;font-size:16px;height:30px;cursor:pointer}.list ul li.active-li[data-v-7d91dfbc]{background:#d7e5f9;color:#165ac6}.list ul li i[data-v-7d91dfbc]{display:inline-block;width:14px;color:#a9c4df;margin-right:5px;margin-top:2px}.list ul li i.el-icon-caret-bottom[data-v-7d91dfbc]{cursor:pointer}.list ul li i.hide[data-v-7d91dfbc]{transform-origin:50% 50%;transform:rotate(-90deg)}.list .no-data[data-v-7d91dfbc]{text-align:center;line-height:50px;color:#999}", map: undefined, media: undefined }); | ||
| inject("data-v-7fe78975_0", { source: ".list[data-v-7fe78975]{overflow:auto;flex:1;position:relative;height:100%}.list ul[data-v-7fe78975]{list-style:none;user-select:none;position:absolute;left:0;top:0;right:0}.list ul li[data-v-7fe78975]{line-height:30px;white-space:nowrap;display:flex;align-items:center;font-size:16px;height:30px;cursor:pointer}.list ul li.active-li[data-v-7fe78975]{background:#d7e5f9;color:#165ac6}.list ul li i[data-v-7fe78975]{display:inline-block;width:14px;color:#a9c4df;margin-right:5px;margin-top:2px}.list ul li i.el-icon-caret-bottom[data-v-7fe78975]{cursor:pointer}.list ul li i.hide[data-v-7fe78975]{transform-origin:50% 50%;transform:rotate(-90deg)}.list .no-data[data-v-7fe78975]{text-align:center;line-height:50px;color:#999}", map: undefined, media: undefined }); | ||
| }; | ||
| /* scoped */ | ||
| const __vue_scope_id__$2 = "data-v-7d91dfbc"; | ||
| const __vue_scope_id__$2 = "data-v-7fe78975"; | ||
| /* module identifier */ | ||
@@ -1451,2 +1451,6 @@ const __vue_module_identifier__$2 = undefined; | ||
| }, | ||
| nodeClick: function nodeClick(data) { | ||
| this.isShowSelect = false; | ||
| this.$emit('nodeClick', data); | ||
| }, | ||
| selectedIdsTreeChange: function selectedIdsTreeChange(v) { | ||
@@ -1512,3 +1516,3 @@ // 单选 | ||
| /* template */ | ||
| var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"virtualSelect",attrs:{"role":"button","tabindex":"0","aria-label":"请选择"}},[_c('el-popover',{attrs:{"popper-class":"treeSelect_v_popover","placement":"bottom-start","width":_vm.popoverWidth,"trigger":"manual"},model:{value:(_vm.isShowSelect),callback:function ($$v) {_vm.isShowSelect=$$v;},expression:"isShowSelect"}},[_c('div',{ref:"xz_content",staticClass:"xz",attrs:{"slot":"reference"},on:{"click":_vm.toggleSelect},slot:"reference"},[(_vm.$attrs.multiple && _vm.selectedArr.length)?_c('span',[_c('el-tag',{attrs:{"closable":"","title":_vm.selectedArr.map(function (item) { return item[_vm.$attrs.props.label]; }).join(';')},on:{"close":function($event){return _vm.closeTag(0)}}},[_vm._v(_vm._s(_vm.selectedArr[0][_vm.$attrs.props.label].substr(0, 4))+"\n "+_vm._s(_vm.selectedArr[0][_vm.$attrs.props.label].length > 4 ? "..." : ""))]),_vm._v(" "),_c('el-tag',{directives:[{name:"show",rawName:"v-show",value:(_vm.selectedArr.length > 1),expression:"selectedArr.length > 1"}]},[_vm._v("+"+_vm._s(_vm.selectedArr.length - 1))])],1):(_vm.selectedArr.length)?_c('span',{staticClass:"single",attrs:{"title":_vm.selectedArr[0][_vm.$attrs.props.label]}},[_vm._v(_vm._s(_vm.selectedArr[0][_vm.$attrs.props.label]))]):_c('span',[_vm._v("请选择")]),_vm._v(" "),(_vm.selectedArr.length && _vm.clearable)?_c('i',{staticClass:"el-icon-circle-close",on:{"click":function($event){$event.stopPropagation();return _vm.clear.apply(null, arguments)}}}):_vm._e(),_vm._v(" "),_c('i',{staticClass:"el-icon-arrow-down"}),_vm._v(" "),_c('el-input',{staticClass:"search",staticStyle:{"display":"none"},attrs:{"size":"small","value":_vm.selectedArr[0] && _vm.selectedArr[0].dm,"placeholder":"请选择"}})],1),_vm._v(" "),_c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"list-popover-ay",style:('min-width: ' + _vm.minWidth + 'px')},[_c('div',{staticClass:"left"},[_c('ul',_vm._l((_vm.provinces),function(item,idx){return _c('li',{key:item.dm,class:{atthis: _vm.selectDwbm == item.dm},attrs:{"title":item.dwqc},on:{"click":function($event){$event.stopPropagation();return _vm.selectProvince(item.dm)}}},[(idx == 0)?_c('i',{staticClass:"el-icon-location-information"}):_vm._e(),_vm._v(" "),_c('span',[_vm._v(_vm._s(item.mc))])])}),0)]),_vm._v(" "),_c('div',{staticClass:"right"},[_c('div',{staticClass:"btn"},[_c('el-input',{staticClass:"search",attrs:{"size":"small","validateEvent":false,"placeholder":"请输入关键字搜索"},model:{value:(_vm.searchText),callback:function ($$v) {_vm.searchText=$$v;},expression:"searchText"}})],1),_vm._v(" "),_c('virtualTree',_vm._b({ref:"virtualTree",attrs:{"data":_vm.gxdwxxList},on:{"change":_vm.selectedIdsTreeChange,"emitClick":function($event){_vm.isShowSelect = false;}},model:{value:(_vm.selectedIdsTree),callback:function ($$v) {_vm.selectedIdsTree=$$v;},expression:"selectedIdsTree"}},'virtualTree',_vm.$attrs,false))],1)])])],1)}; | ||
| var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"virtualSelect",attrs:{"role":"button","tabindex":"0","aria-label":"请选择"}},[_c('el-popover',{attrs:{"popper-class":"treeSelect_v_popover","placement":"bottom-start","width":_vm.popoverWidth,"trigger":"manual"},model:{value:(_vm.isShowSelect),callback:function ($$v) {_vm.isShowSelect=$$v;},expression:"isShowSelect"}},[_c('div',{ref:"xz_content",staticClass:"xz",attrs:{"slot":"reference"},on:{"click":_vm.toggleSelect},slot:"reference"},[(_vm.$attrs.multiple && _vm.selectedArr.length)?_c('span',[_c('el-tag',{attrs:{"closable":"","title":_vm.selectedArr.map(function (item) { return item[_vm.$attrs.props.label]; }).join(';')},on:{"close":function($event){return _vm.closeTag(0)}}},[_vm._v(_vm._s(_vm.selectedArr[0][_vm.$attrs.props.label].substr(0, 4))+"\n "+_vm._s(_vm.selectedArr[0][_vm.$attrs.props.label].length > 4 ? "..." : ""))]),_vm._v(" "),_c('el-tag',{directives:[{name:"show",rawName:"v-show",value:(_vm.selectedArr.length > 1),expression:"selectedArr.length > 1"}]},[_vm._v("+"+_vm._s(_vm.selectedArr.length - 1))])],1):(_vm.selectedArr.length)?_c('span',{staticClass:"single",attrs:{"title":_vm.selectedArr[0][_vm.$attrs.props.label]}},[_vm._v(_vm._s(_vm.selectedArr[0][_vm.$attrs.props.label]))]):_c('span',[_vm._v("请选择")]),_vm._v(" "),(_vm.selectedArr.length && _vm.clearable)?_c('i',{staticClass:"el-icon-circle-close",on:{"click":function($event){$event.stopPropagation();return _vm.clear.apply(null, arguments)}}}):_vm._e(),_vm._v(" "),_c('i',{staticClass:"el-icon-arrow-down"}),_vm._v(" "),_c('el-input',{staticClass:"search",staticStyle:{"display":"none"},attrs:{"size":"small","value":_vm.selectedArr[0] && _vm.selectedArr[0].dm,"placeholder":"请选择"}})],1),_vm._v(" "),_c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"list-popover-ay",style:('min-width: ' + _vm.minWidth + 'px')},[_c('div',{staticClass:"left"},[_c('ul',_vm._l((_vm.provinces),function(item,idx){return _c('li',{key:item.dm,class:{atthis: _vm.selectDwbm == item.dm},attrs:{"title":item.dwqc},on:{"click":function($event){$event.stopPropagation();return _vm.selectProvince(item.dm)}}},[(idx == 0)?_c('i',{staticClass:"el-icon-location-information"}):_vm._e(),_vm._v(" "),_c('span',[_vm._v(_vm._s(item.mc))])])}),0)]),_vm._v(" "),_c('div',{staticClass:"right"},[_c('div',{staticClass:"btn"},[_c('el-input',{staticClass:"search",attrs:{"size":"small","validateEvent":false,"placeholder":"请输入关键字搜索"},model:{value:(_vm.searchText),callback:function ($$v) {_vm.searchText=$$v;},expression:"searchText"}})],1),_vm._v(" "),_c('virtualTree',_vm._b({ref:"virtualTree",attrs:{"data":_vm.gxdwxxList},on:{"change":_vm.selectedIdsTreeChange,"nodeClick":_vm.nodeClick},model:{value:(_vm.selectedIdsTree),callback:function ($$v) {_vm.selectedIdsTree=$$v;},expression:"selectedIdsTree"}},'virtualTree',_vm.$attrs,false))],1)])])],1)}; | ||
| var __vue_staticRenderFns__ = []; | ||
@@ -1519,8 +1523,8 @@ | ||
| if (!inject) return | ||
| inject("data-v-4c6d7602_0", { source: "@charset \"UTF-8\";.virtualSelect[data-v-4c6d7602]{border:1px solid #a9c4df;height:34px;line-height:34px;border-radius:3px;padding:0 5px 0 10px;outline:0;cursor:pointer;user-select:none}.virtualSelect .xz[data-v-4c6d7602]{display:flex;outline:0}.virtualSelect .xz>span[data-v-4c6d7602]{flex:1;overflow:hidden;color:#879bc1;text-overflow:ellipsis;white-space:nowrap}.virtualSelect .xz>span.single[data-v-4c6d7602]{color:#4f5e7b}.virtualSelect .xz .el-tag[data-v-4c6d7602]{line-height:22px;height:24px;font-size:16px;color:#4084f0;margin-top:3px}.virtualSelect .xz i[data-v-4c6d7602]{width:20px;line-height:34px;color:#6fabef;font-size:14px}.virtualSelect .xz i.el-icon-circle-close[data-v-4c6d7602]{display:none}.virtualSelect .xz:hover i.el-icon-circle-close[data-v-4c6d7602]{display:block}", map: undefined, media: undefined }) | ||
| ,inject("data-v-4c6d7602_1", { source: "@charset \"UTF-8\";.list-popover-ay{min-height:100px;max-height:400px;min-width:490px;display:flex;position:relative}.list-popover-ay .left{width:123px;border-right:1px solid #a9c4df;overflow:auto}.list-popover-ay .left li{line-height:35px;font-size:16px;padding:0 10px;display:flex;cursor:pointer}.list-popover-ay .left li:first-child{position:relative}.list-popover-ay .left li:first-child::after{display:block;content:\"\";border-bottom:1px solid #a9c4df;position:absolute;left:10px;right:10px;bottom:0}.list-popover-ay .left li:first-child span{padding-left:0}.list-popover-ay .left li.atthis{background:#b3d8ff;color:#4084f0;font-weight:700}.list-popover-ay .left li i{align-content:center;padding-right:5px;line-height:35px}.list-popover-ay .left li span{padding-left:20px;display:block;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-popover-ay .right{flex:1;display:flex;flex-direction:column}.list-popover-ay .list{overflow:auto;position:relative;flex:1}.list-popover-ay .btn{height:36px;line-height:36px;display:flex;background:#fff}.list-popover-ay .btn .search{padding:0 5px;font-size:14px}.list-popover-ay .btn .search .el-input__inner{border:0;border-bottom:1px solid #a9c4df;border-radius:0}.list-popover-ay .btn .an{position:relative;top:-1px}.list-popover-ay .right ul{list-style:none;user-select:none;position:absolute;left:0;top:0;right:0}.list-popover-ay .right ul li{line-height:30px;white-space:nowrap;display:flex;align-items:center;font-size:16px;height:30px;cursor:pointer}.list-popover-ay .right ul li.active-li{background:#d7e5f9;color:#165ac6}.list-popover-ay .right ul li .el-checkbox{display:flex;overflow:hidden;align-items:center;flex:1}.list-popover-ay .right ul li .el-checkbox .el-checkbox__input{position:relative;top:1px;margin:0}.list-popover-ay .right ul li .el-checkbox .el-checkbox__label{text-overflow:ellipsis;overflow:hidden;line-height:16px!important}.list-popover-ay .right ul li i{display:inline-block;width:14px;color:#a9c4df;margin-right:5px;margin-top:2px;font-size:14px}.list-popover-ay .right ul li i.el-icon-caret-bottom{cursor:pointer}.list-popover-ay .right ul li i.hide{transform-origin:50% 50%;transform:rotate(-90deg)}.list-popover-ay .right ul .el-checkbox .el-checkbox__label{text-indent:0;font-size:16px;color:#606266}.list-popover-ay .right ul .el-checkbox__input.is-checked+.el-checkbox__label{color:#606266}.treeSelect_v_popover[x-placement^=bottom]{margin-top:4px;margin-left:-10px;padding:0}.treeSelect_v_popover[x-placement^=bottom] .popper__arrow{display:none}.treeSelect_v_popover[x-placement^=bottom] p{text-align:center;color:#b1b8c5;padding-top:20px}", map: undefined, media: undefined }); | ||
| inject("data-v-7d940f38_0", { source: "@charset \"UTF-8\";.virtualSelect[data-v-7d940f38]{border:1px solid #a9c4df;height:34px;line-height:34px;border-radius:3px;padding:0 5px 0 10px;outline:0;cursor:pointer;user-select:none}.virtualSelect .xz[data-v-7d940f38]{display:flex;outline:0}.virtualSelect .xz>span[data-v-7d940f38]{flex:1;overflow:hidden;color:#879bc1;text-overflow:ellipsis;white-space:nowrap}.virtualSelect .xz>span.single[data-v-7d940f38]{color:#4f5e7b}.virtualSelect .xz .el-tag[data-v-7d940f38]{line-height:22px;height:24px;font-size:16px;color:#4084f0;margin-top:3px}.virtualSelect .xz i[data-v-7d940f38]{width:20px;line-height:34px;color:#6fabef;font-size:14px}.virtualSelect .xz i.el-icon-circle-close[data-v-7d940f38]{display:none}.virtualSelect .xz:hover i.el-icon-circle-close[data-v-7d940f38]{display:block}", map: undefined, media: undefined }) | ||
| ,inject("data-v-7d940f38_1", { source: "@charset \"UTF-8\";.list-popover-ay{min-height:100px;max-height:400px;min-width:490px;display:flex;position:relative}.list-popover-ay .left{width:123px;border-right:1px solid #a9c4df;overflow:auto}.list-popover-ay .left li{line-height:35px;font-size:16px;padding:0 10px;display:flex;cursor:pointer}.list-popover-ay .left li:first-child{position:relative}.list-popover-ay .left li:first-child::after{display:block;content:\"\";border-bottom:1px solid #a9c4df;position:absolute;left:10px;right:10px;bottom:0}.list-popover-ay .left li:first-child span{padding-left:0}.list-popover-ay .left li.atthis{background:#b3d8ff;color:#4084f0;font-weight:700}.list-popover-ay .left li i{align-content:center;padding-right:5px;line-height:35px}.list-popover-ay .left li span{padding-left:20px;display:block;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-popover-ay .right{flex:1;display:flex;flex-direction:column}.list-popover-ay .list{overflow:auto;position:relative;flex:1}.list-popover-ay .btn{height:36px;line-height:36px;display:flex;background:#fff}.list-popover-ay .btn .search{padding:0 5px;font-size:14px}.list-popover-ay .btn .search .el-input__inner{border:0;border-bottom:1px solid #a9c4df;border-radius:0}.list-popover-ay .btn .an{position:relative;top:-1px}.list-popover-ay .right ul{list-style:none;user-select:none;position:absolute;left:0;top:0;right:0}.list-popover-ay .right ul li{line-height:30px;white-space:nowrap;display:flex;align-items:center;font-size:16px;height:30px;cursor:pointer}.list-popover-ay .right ul li.active-li{background:#d7e5f9;color:#165ac6}.list-popover-ay .right ul li .el-checkbox{display:flex;overflow:hidden;align-items:center;flex:1}.list-popover-ay .right ul li .el-checkbox .el-checkbox__input{position:relative;top:1px;margin:0}.list-popover-ay .right ul li .el-checkbox .el-checkbox__label{text-overflow:ellipsis;overflow:hidden;line-height:16px!important}.list-popover-ay .right ul li i{display:inline-block;width:14px;color:#a9c4df;margin-right:5px;margin-top:2px;font-size:14px}.list-popover-ay .right ul li i.el-icon-caret-bottom{cursor:pointer}.list-popover-ay .right ul li i.hide{transform-origin:50% 50%;transform:rotate(-90deg)}.list-popover-ay .right ul .el-checkbox .el-checkbox__label{text-indent:0;font-size:16px;color:#606266}.list-popover-ay .right ul .el-checkbox__input.is-checked+.el-checkbox__label{color:#606266}.treeSelect_v_popover[x-placement^=bottom]{margin-top:4px;margin-left:-10px;padding:0}.treeSelect_v_popover[x-placement^=bottom] .popper__arrow{display:none}.treeSelect_v_popover[x-placement^=bottom] p{text-align:center;color:#b1b8c5;padding-top:20px}", map: undefined, media: undefined }); | ||
| }; | ||
| /* scoped */ | ||
| const __vue_scope_id__ = "data-v-4c6d7602"; | ||
| const __vue_scope_id__ = "data-v-7d940f38"; | ||
| /* module identifier */ | ||
@@ -1527,0 +1531,0 @@ const __vue_module_identifier__ = undefined; |
+1
-1
| { | ||
| "name": "virtual-tree-select", | ||
| "description": "虚拟下拉树选择框", | ||
| "version": "1.0.6", | ||
| "version": "1.0.7", | ||
| "author": "xyl <786549791@qq.com>", | ||
@@ -6,0 +6,0 @@ "license": "MIT", |
Unpublished package
Supply chain riskPackage version was not found on the registry. It may exist on a different registry and need to be configured to pull from that registry.
Unpublished package
Supply chain riskPackage version was not found on the registry. It may exist on a different registry and need to be configured to pull from that registry.
151316
0.13%4084
0.2%