Skip to content

C
cms_sys
Commit 64f003d6 authored by msgroup's avatar msgroup Committed by mingsoft
Browse files
Options

优化下拉滚动条

parent 0635c9b0
Hide whitespace changes
Inline Side-by-side
Showing with 472 additions and 3 deletions
src/main/webapp/static/plugins/tree-select/tree.js
View file @ 64f003d6
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.treeSelect=t():e.treeSelect=t()}("undefined"!=typeof self?self:this,function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=1)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={template:"#tree-select",name:"el-tree-select",props:{props:{type:Object,default:function(){return{value:"id",label:"title",children:"children"}}},options:{type:Array,default:function(){return[]}},value:{type:Number,default:function(){return null}},clearable:{type:Boolean,default:function(){return!0}},accordion:{type:Boolean,default:function(){return!1}}},data:function(){return{valueId:this.value,valueTitle:"",defaultExpandedKey:[]}},mounted:function(){this.initHandle()},methods:{initHandle:function(){if(this.valueId){if(!this.$refs.selectTree.getNode(this.valueId))return this.valueTitle="",this.valueId=null,this.defaultExpandedKey=[],void this.clearSelected();this.valueTitle=this.$refs.selectTree.getNode(this.valueId).data[this.props.label],this.$refs.selectTree.setCurrentKey(this.valueId),this.defaultExpandedKey=[this.valueId]}this.initScroll()},initScroll:function(){this.$nextTick(function(){var e=document.querySelectorAll(".el-scrollbar .el-select-dropdown__wrap")[0],t=document.querySelectorAll(".el-scrollbar .el-scrollbar__bar");e.style.cssText="margin-bottom: -17px;margin-right: -17px;",t.forEach(function(e){return e.style.width=0})})},handleNodeClick:function(e){this.$emit("input",e[this.props.value]),this.$emit("change",{node:e,dom:this.$refs.tsSselect}),this.$refs.tsSselect.blur(),this.defaultExpandedKey=[]},clearHandle:function(){this.valueTitle="",this.valueId=null,this.defaultExpandedKey=[],this.clearSelected(),this.$emit("input",null),this.$emit("change",null)},clearSelected:function(){document.querySelectorAll("#tree-option .el-tree-node").forEach(function(e){return e.classList.remove("is-current")})}},watch:{value:function(){this.valueId=this.value,this.initHandle()},options:{handler:function(e,t){var n=this;this.valueId=this.value,this.$nextTick(function(e){n.initHandle()})},immediate:!0,deep:!0}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n.n(r);for(var i in r)"default"!==i&&function(e){n.d(t,e,function(){return r[e]})}(i);var a=n(8),l=!1;var s=function(e){l||n(2)},u=n(7)(o.a,a.a,!1,s,"data-v-24dbbcae",null);u.options.__file="src/components/tree.vue",t.default=u.exports},function(e,t,n){var r=n(3);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(5)("682353eb",r,!1,{})},function(e,t,n){(e.exports=n(4)(void 0)).push([e.i,"\n.el-scrollbar .el-scrollbar__view .el-select-dropdown__item[data-v-24dbbcae] {\r\n height: auto;\r\n max-height: 274px;\r\n padding: 0;\r\n overflow: hidden;\r\n overflow-y: auto;\n}\n.el-select-dropdown__item.selected[data-v-24dbbcae] {\r\n font-weight: normal;\n}\nul li[data-v-24dbbcae] .el-tree .el-tree-node__content {\r\n height: auto;\r\n padding: 0 20px;\n}\n.el-tree-node__label[data-v-24dbbcae] {\r\n font-weight: normal;\n}\n.el-tree[data-v-24dbbcae] .is-current .el-tree-node__label {\r\n color: #409eff;\r\n font-weight: 700;\n}\n.el-tree[data-v-24dbbcae] .is-current .el-tree-node__children .el-tree-node__label {\r\n color: #606266;\r\n font-weight: normal;\n}\r\n",""])},function(e,t){e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t){var o=(a=r,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+new Buffer(JSON.stringify(a)).toString("base64")+" */"),i=r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"});return[n].concat(i).concat([o]).join("\n")}var a;return[n].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<e.length;o++){var a=e[o];"number"==typeof a[0]&&r[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),t.push(a))}},t}},function(e,t,n){var r="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!r)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var o=n(6),i={},a=r&&(document.head||document.getElementsByTagName("head")[0]),l=null,s=0,u=!1,d=function(){},c=null,f="data-vue-ssr-id",p="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function h(e){for(var t=0;t<e.length;t++){var n=e[t],r=i[n.id];if(r){r.refs++;for(var o=0;o<r.parts.length;o++)r.parts[o](n.parts[o]);for(;o<n.parts.length;o++)r.parts.push(m(n.parts[o]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{var a=[];for(o=0;o<n.parts.length;o++)a.push(m(n.parts[o]));i[n.id]={id:n.id,refs:1,parts:a}}}}function v(){var e=document.createElement("style");return e.type="text/css",a.appendChild(e),e}function m(e){var t,n,r=document.querySelector("style["+f+'~="'+e.id+'"]');if(r){if(u)return d;r.parentNode.removeChild(r)}if(p){var o=s++;r=l||(l=v()),t=g.bind(null,r,o,!1),n=g.bind(null,r,o,!0)}else r=v(),t=function(e,t){var n=t.css,r=t.media,o=t.sourceMap;r&&e.setAttribute("media",r);c.ssrId&&e.setAttribute(f,t.id);o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}.bind(null,r),n=function(){r.parentNode.removeChild(r)};return t(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;t(e=r)}else n()}}e.exports=function(e,t,n,r){u=n,c=r||{};var a=o(e,t);return h(a),function(t){for(var n=[],r=0;r<a.length;r++){var l=a[r];(s=i[l.id]).refs--,n.push(s)}t?h(a=o(e,t)):a=[];for(r=0;r<n.length;r++){var s;if(0===(s=n[r]).refs){for(var u=0;u<s.parts.length;u++)s.parts[u]();delete i[s.id]}}}};var b,y=(b=[],function(e,t){return b[e]=t,b.filter(Boolean).join("\n")});function g(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=y(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}},function(e,t){e.exports=function(e,t){for(var n=[],r={},o=0;o<t.length;o++){var i=t[o],a=i[0],l={id:e+":"+o,css:i[1],media:i[2],sourceMap:i[3]};r[a]?r[a].parts.push(l):n.push(r[a]={id:a,parts:[l]})}return n}},function(e,t){e.exports=function(e,t,n,r,o,i){var a,l=e=e||{},s=typeof e.default;"object"!==s&&"function"!==s||(a=e,l=e.default);var u,d="function"==typeof l?l.options:l;if(t&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0),n&&(d.functional=!0),o&&(d._scopeId=o),i?(u=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__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(i)},d._ssrRegister=u):r&&(u=r),u){var c=d.functional,f=c?d.render:d.beforeCreate;c?(d._injectStyles=u,d.render=function(e,t){return u.call(t),f(e,t)}):d.beforeCreate=f?[].concat(f,u):[u]}return{esModule:a,exports:l,options:d}}},function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"selecttree"}},[n("el-select",{ref:"tsSselect",attrs:{value:e.valueTitle,clearable:e.clearable},on:{clear:e.clearHandle}},[n("el-option",{staticClass:"options",attrs:{value:e.valueTitle,label:e.valueTitle}},[n("el-tree",{ref:"selectTree",attrs:{id:"tree-option","default-expand-all":"","expand-on-click-node":!1,accordion:e.accordion,data:e.options,props:e.props,"node-key":e.props.value,"default-expanded-keys":e.defaultExpandedKey},on:{"node-click":e.handleNodeClick}})],1)],1)],1)};r._withStripped=!0;var o={render:r,staticRenderFns:[]};t.a=o}]).default}); !function(e, t) {
Vue.component('tree-select', treeSelect) "object" == typeof exports && "object" == typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define([], t) : "object" == typeof exports ? exports.treeSelect = t() : e.treeSelect = t()
\ No newline at end of file }("undefined" != typeof self ? self : this, function() {
return function(e) {
var t = {};
function n(r) {
if (t[r])
return t[r].exports;
var o = t[r] = {
i: r,
l: !1,
exports: {}
};
return e[r].call(o.exports, o, o.exports, n),
o.l = !0,
o.exports
}
return n.m = e,
n.c = t,
n.d = function(e, t, r) {
n.o(e, t) || Object.defineProperty(e, t, {
configurable: !1,
enumerable: !0,
get: r
})
}
,
n.n = function(e) {
var t = e && e.__esModule ? function() {
return e.default
}
: function() {
return e
}
;
return n.d(t, "a", t),
t
}
,
n.o = function(e, t) {
return Object.prototype.hasOwnProperty.call(e, t)
}
,
n.p = "",
n(n.s = 1)
}([function(e, t, n) {
"use strict";
Object.defineProperty(t, "__esModule", {
value: !0
}),
t.default = {
template: "#tree-select",
name: "el-tree-select",
props: {
props: {
type: Object,
default: function() {
return {
value: "id",
label: "title",
children: "children"
}
}
},
options: {
type: Array,
default: function() {
return []
}
},
value: {
type: Number,
default: function() {
return null
}
},
clearable: {
type: Boolean,
default: function() {
return !0
}
},
accordion: {
type: Boolean,
default: function() {
return !1
}
}
},
data: function() {
return {
valueId: this.value,
valueTitle: "",
defaultExpandedKey: []
}
},
mounted: function() {
this.initHandle()
},
methods: {
initHandle: function() {
if (this.valueId) {
if (!this.$refs.selectTree.getNode(this.valueId))
return this.valueTitle = "",
this.valueId = null,
this.defaultExpandedKey = [],
void this.clearSelected();
this.valueTitle = this.$refs.selectTree.getNode(this.valueId).data[this.props.label],
this.$refs.selectTree.setCurrentKey(this.valueId),
this.defaultExpandedKey = [this.valueId]
}
this.initScroll()
},
initScroll: function() {
this.$nextTick(function() {
var e = document.querySelectorAll(".el-scrollbar .el-select-dropdown__wrap")[0]
, t = document.querySelectorAll(".el-scrollbar .el-scrollbar__bar");
//e.style.cssText = "margin-bottom: -17px;margin-right: -17px;",
// t.forEach(function(e) {
// return e.style.width = 0
// })
})
},
handleNodeClick: function(e) {
this.$emit("input", e[this.props.value]),
this.$emit("change", {
node: e,
dom: this.$refs.tsSselect
}),
this.$refs.tsSselect.blur(),
this.defaultExpandedKey = []
},
clearHandle: function() {
this.valueTitle = "",
this.valueId = null,
this.defaultExpandedKey = [],
this.clearSelected(),
this.$emit("input", null),
this.$emit("change", null)
},
clearSelected: function() {
document.querySelectorAll("#tree-option .el-tree-node").forEach(function(e) {
return e.classList.remove("is-current")
})
}
},
watch: {
value: function() {
this.valueId = this.value,
this.initHandle()
},
options: {
handler: function(e, t) {
var n = this;
this.valueId = this.value,
this.$nextTick(function(e) {
n.initHandle()
})
},
immediate: !0,
deep: !0
}
}
}
}
, function(e, t, n) {
"use strict";
Object.defineProperty(t, "__esModule", {
value: !0
});
var r = n(0)
, o = n.n(r);
for (var i in r)
"default" !== i && function(e) {
n.d(t, e, function() {
return r[e]
})
}(i);
var a = n(8)
, l = !1;
var s = function(e) {
l || n(2)
}
, u = n(7)(o.a, a.a, !1, s, "data-v-24dbbcae", null);
u.options.__file = "src/components/tree.vue",
t.default = u.exports
}
, function(e, t, n) {
var r = n(3);
"string" == typeof r && (r = [[e.i, r, ""]]),
r.locals && (e.exports = r.locals);
n(5)("682353eb", r, !1, {})
}
, function(e, t, n) {
(e.exports = n(4)(void 0)).push([e.i, "\n.el-scrollbar .el-scrollbar__view .el-select-dropdown__item[data-v-24dbbcae] {\r\n height: auto;\r\n max-height: 274px;\r\n padding: 0;\r\n overflow: hidden;\r\n overflow-y: auto;\n}\n.el-select-dropdown__item.selected[data-v-24dbbcae] {\r\n font-weight: normal;\n}\nul li[data-v-24dbbcae] .el-tree .el-tree-node__content {\r\n height: auto;\r\n padding: 0 20px;\n}\n.el-tree-node__label[data-v-24dbbcae] {\r\n font-weight: normal;\n}\n.el-tree[data-v-24dbbcae] .is-current .el-tree-node__label {\r\n color: #409eff;\r\n font-weight: 700;\n}\n.el-tree[data-v-24dbbcae] .is-current .el-tree-node__children .el-tree-node__label {\r\n color: #606266;\r\n font-weight: normal;\n}\r\n", ""])
}
, function(e, t) {
e.exports = function(e) {
var t = [];
return t.toString = function() {
return this.map(function(t) {
var n = function(e, t) {
var n = e[1] || ""
, r = e[3];
if (!r)
return n;
if (t) {
var o = (a = r,
"/*# sourceMappingURL=data:application/json;charset=utf-8;base64," + new Buffer(JSON.stringify(a)).toString("base64") + " */")
, i = r.sources.map(function(e) {
return "/*# sourceURL=" + r.sourceRoot + e + " */"
});
return [n].concat(i).concat([o]).join("\n")
}
var a;
return [n].join("\n")
}(t, e);
return t[2] ? "@media " + t[2] + "{" + n + "}" : n
}).join("")
}
,
t.i = function(e, n) {
"string" == typeof e && (e = [[null, e, ""]]);
for (var r = {}, o = 0; o < this.length; o++) {
var i = this[o][0];
"number" == typeof i && (r[i] = !0)
}
for (o = 0; o < e.length; o++) {
var a = e[o];
"number" == typeof a[0] && r[a[0]] || (n && !a[2] ? a[2] = n : n && (a[2] = "(" + a[2] + ") and (" + n + ")"),
t.push(a))
}
}
,
t
}
}
, function(e, t, n) {
var r = "undefined" != typeof document;
if ("undefined" != typeof DEBUG && DEBUG && !r)
throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");
var o = n(6)
, i = {}
, a = r && (document.head || document.getElementsByTagName("head")[0])
, l = null
, s = 0
, u = !1
, d = function() {}
, c = null
, f = "data-vue-ssr-id"
, p = "undefined" != typeof navigator && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase());
function h(e) {
for (var t = 0; t < e.length; t++) {
var n = e[t]
, r = i[n.id];
if (r) {
r.refs++;
for (var o = 0; o < r.parts.length; o++)
r.parts[o](n.parts[o]);
for (; o < n.parts.length; o++)
r.parts.push(m(n.parts[o]));
r.parts.length > n.parts.length && (r.parts.length = n.parts.length)
} else {
var a = [];
for (o = 0; o < n.parts.length; o++)
a.push(m(n.parts[o]));
i[n.id] = {
id: n.id,
refs: 1,
parts: a
}
}
}
}
function v() {
var e = document.createElement("style");
return e.type = "text/css",
a.appendChild(e),
e
}
function m(e) {
var t, n, r = document.querySelector("style[" + f + '~="' + e.id + '"]');
if (r) {
if (u)
return d;
r.parentNode.removeChild(r)
}
if (p) {
var o = s++;
r = l || (l = v()),
t = g.bind(null, r, o, !1),
n = g.bind(null, r, o, !0)
} else
r = v(),
t = function(e, t) {
var n = t.css
, r = t.media
, o = t.sourceMap;
r && e.setAttribute("media", r);
c.ssrId && e.setAttribute(f, t.id);
o && (n += "\n/*# sourceURL=" + o.sources[0] + " */",
n += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(o)))) + " */");
if (e.styleSheet)
e.styleSheet.cssText = n;
else {
for (; e.firstChild; )
e.removeChild(e.firstChild);
e.appendChild(document.createTextNode(n))
}
}
.bind(null, r),
n = function() {
r.parentNode.removeChild(r)
}
;
return t(e),
function(r) {
if (r) {
if (r.css === e.css && r.media === e.media && r.sourceMap === e.sourceMap)
return;
t(e = r)
} else
n()
}
}
e.exports = function(e, t, n, r) {
u = n,
c = r || {};
var a = o(e, t);
return h(a),
function(t) {
for (var n = [], r = 0; r < a.length; r++) {
var l = a[r];
(s = i[l.id]).refs--,
n.push(s)
}
t ? h(a = o(e, t)) : a = [];
for (r = 0; r < n.length; r++) {
var s;
if (0 === (s = n[r]).refs) {
for (var u = 0; u < s.parts.length; u++)
s.parts[u]();
delete i[s.id]
}
}
}
}
;
var b, y = (b = [],
function(e, t) {
return b[e] = t,
b.filter(Boolean).join("\n")
}
);
function g(e, t, n, r) {
var o = n ? "" : r.css;
if (e.styleSheet)
e.styleSheet.cssText = y(t, o);
else {
var i = document.createTextNode(o)
, a = e.childNodes;
a[t] && e.removeChild(a[t]),
a.length ? e.insertBefore(i, a[t]) : e.appendChild(i)
}
}
}
, function(e, t) {
e.exports = function(e, t) {
for (var n = [], r = {}, o = 0; o < t.length; o++) {
var i = t[o]
, a = i[0]
, l = {
id: e + ":" + o,
css: i[1],
media: i[2],
sourceMap: i[3]
};
r[a] ? r[a].parts.push(l) : n.push(r[a] = {
id: a,
parts: [l]
})
}
return n
}
}
, function(e, t) {
e.exports = function(e, t, n, r, o, i) {
var a, l = e = e || {}, s = typeof e.default;
"object" !== s && "function" !== s || (a = e,
l = e.default);
var u, d = "function" == typeof l ? l.options : l;
if (t && (d.render = t.render,
d.staticRenderFns = t.staticRenderFns,
d._compiled = !0),
n && (d.functional = !0),
o && (d._scopeId = o),
i ? (u = 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__),
r && r.call(this, e),
e && e._registeredComponents && e._registeredComponents.add(i)
}
,
d._ssrRegister = u) : r && (u = r),
u) {
var c = d.functional
, f = c ? d.render : d.beforeCreate;
c ? (d._injectStyles = u,
d.render = function(e, t) {
return u.call(t),
f(e, t)
}
) : d.beforeCreate = f ? [].concat(f, u) : [u]
}
return {
esModule: a,
exports: l,
options: d
}
}
}
, function(e, t, n) {
"use strict";
var r = function() {
var e = this
, t = e.$createElement
, n = e._self._c || t;
return n("div", {
attrs: {
id: "selecttree"
}
}, [n("el-select", {
ref: "tsSselect",
attrs: {
value: e.valueTitle,
clearable: e.clearable
},
on: {
clear: e.clearHandle
}
}, [n("el-option", {
staticClass: "options",
attrs: {
value: e.valueTitle,
label: e.valueTitle
}
}, [n("el-tree", {
ref: "selectTree",
attrs: {
id: "tree-option",
"default-expand-all": "",
"expand-on-click-node": !1,
accordion: e.accordion,
data: e.options,
props: e.props,
"node-key": e.props.value,
"default-expanded-keys": e.defaultExpandedKey
},
on: {
"node-click": e.handleNodeClick
}
})], 1)], 1)], 1)
};
r._withStripped = !0;
var o = {
render: r,
staticRenderFns: []
};
t.a = o
}
]).default
});
Vue.component('tree-select', treeSelect)
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment