You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
472 lines
19 KiB
472 lines
19 KiB
!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 |
|
}); |
|
Vue.component('tree-select', treeSelect)
|
|
|