From 13fc644f168fa46cfb524d3444f16c9a23c50ae4 Mon Sep 17 00:00:00 2001 From: wenjy Date: Thu, 10 Mar 2022 17:00:18 +0800 Subject: [PATCH] =?UTF-8?q?change=20-=20=E8=AE=BE=E5=A4=87=E7=9B=91?= =?UTF-8?q?=E6=8E=A7=E9=A1=B5=E9=9D=A2=E5=8A=A0=E8=BD=BD=E9=97=AE=E9=A2=98?= =?UTF-8?q?=E5=A4=84=E7=90=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../treeview/bootstrap-treeview.min.js | 331 ++++++++++++++++++ .../templates/section/transformer-detail.html | 6 +- 2 files changed, 334 insertions(+), 3 deletions(-) create mode 100644 ruoyi-admin/src/main/resources/static/ajax/libs/bootstrap-table/extensions/treeview/bootstrap-treeview.min.js diff --git a/ruoyi-admin/src/main/resources/static/ajax/libs/bootstrap-table/extensions/treeview/bootstrap-treeview.min.js b/ruoyi-admin/src/main/resources/static/ajax/libs/bootstrap-table/extensions/treeview/bootstrap-treeview.min.js new file mode 100644 index 0000000..f44afdc --- /dev/null +++ b/ruoyi-admin/src/main/resources/static/ajax/libs/bootstrap-table/extensions/treeview/bootstrap-treeview.min.js @@ -0,0 +1,331 @@ +!function (a, b, c, d) { + "use strict"; + var e = "treeview", f = {}; + f.settings = { + injectStyle: !0, + levels: 2, + expandIcon: "glyphicon glyphicon-plus", + collapseIcon: "glyphicon glyphicon-minus", + emptyIcon: "glyphicon", + nodeIcon: "", + selectedIcon: "", + checkedIcon: "glyphicon glyphicon-check", + uncheckedIcon: "glyphicon glyphicon-unchecked", + color: d, + backColor: d, + borderColor: d, + onhoverColor: "#F5F5F5", + selectedColor: "#FFFFFF", + selectedBackColor: "#428bca", + searchResultColor: "#D9534F", + searchResultBackColor: d, + enableLinks: !1, + highlightSelected: !0, + highlightSearchResults: !0, + showBorder: !0, + showIcon: !0, + showCheckbox: !1, + showTags: !1, + multiSelect: !1, + onNodeChecked: d, + onNodeCollapsed: d, + onNodeDisabled: d, + onNodeEnabled: d, + onNodeExpanded: d, + onNodeSelected: d, + onNodeUnchecked: d, + onNodeUnselected: d, + onSearchComplete: d, + onSearchCleared: d + }, f.options = {silent: !1, ignoreChildren: !1}, f.searchOptions = { + ignoreCase: !0, + exactMatch: !1, + revealResults: !0 + }; + var g = function (b, c) { + return this.$element = a(b), this.elementId = b.id, this.styleId = this.elementId + "-style", this.init(c), { + options: this.options, + init: a.proxy(this.init, this), + remove: a.proxy(this.remove, this), + getNode: a.proxy(this.getNode, this), + getParent: a.proxy(this.getParent, this), + getSiblings: a.proxy(this.getSiblings, this), + getSelected: a.proxy(this.getSelected, this), + getUnselected: a.proxy(this.getUnselected, this), + getExpanded: a.proxy(this.getExpanded, this), + getCollapsed: a.proxy(this.getCollapsed, this), + getChecked: a.proxy(this.getChecked, this), + getUnchecked: a.proxy(this.getUnchecked, this), + getDisabled: a.proxy(this.getDisabled, this), + getEnabled: a.proxy(this.getEnabled, this), + selectNode: a.proxy(this.selectNode, this), + unselectNode: a.proxy(this.unselectNode, this), + toggleNodeSelected: a.proxy(this.toggleNodeSelected, this), + collapseAll: a.proxy(this.collapseAll, this), + collapseNode: a.proxy(this.collapseNode, this), + expandAll: a.proxy(this.expandAll, this), + expandNode: a.proxy(this.expandNode, this), + toggleNodeExpanded: a.proxy(this.toggleNodeExpanded, this), + revealNode: a.proxy(this.revealNode, this), + checkAll: a.proxy(this.checkAll, this), + checkNode: a.proxy(this.checkNode, this), + uncheckAll: a.proxy(this.uncheckAll, this), + uncheckNode: a.proxy(this.uncheckNode, this), + toggleNodeChecked: a.proxy(this.toggleNodeChecked, this), + disableAll: a.proxy(this.disableAll, this), + disableNode: a.proxy(this.disableNode, this), + enableAll: a.proxy(this.enableAll, this), + enableNode: a.proxy(this.enableNode, this), + toggleNodeDisabled: a.proxy(this.toggleNodeDisabled, this), + search: a.proxy(this.search, this), + clearSearch: a.proxy(this.clearSearch, this) + } + }; + g.prototype.init = function (b) { + this.tree = [], this.nodes = [], b.data && ("string" == typeof b.data && (b.data = a.parseJSON(b.data)), this.tree = a.extend(!0, [], b.data), delete b.data), this.options = a.extend({}, f.settings, b), this.destroy(), this.subscribeEvents(), this.setInitialStates({nodes: this.tree}, 0), this.render() + }, g.prototype.remove = function () { + this.destroy(), a.removeData(this, e), a("#" + this.styleId).remove() + }, g.prototype.destroy = function () { + this.initialized && (this.$wrapper.remove(), this.$wrapper = null, this.unsubscribeEvents(), this.initialized = !1) + }, g.prototype.unsubscribeEvents = function () { + this.$element.off("click"), this.$element.off("nodeChecked"), this.$element.off("nodeCollapsed"), this.$element.off("nodeDisabled"), this.$element.off("nodeEnabled"), this.$element.off("nodeExpanded"), this.$element.off("nodeSelected"), this.$element.off("nodeUnchecked"), this.$element.off("nodeUnselected"), this.$element.off("searchComplete"), this.$element.off("searchCleared") + }, g.prototype.subscribeEvents = function () { + this.unsubscribeEvents(), this.$element.on("click", a.proxy(this.clickHandler, this)), "function" == typeof this.options.onNodeChecked && this.$element.on("nodeChecked", this.options.onNodeChecked), "function" == typeof this.options.onNodeCollapsed && this.$element.on("nodeCollapsed", this.options.onNodeCollapsed), "function" == typeof this.options.onNodeDisabled && this.$element.on("nodeDisabled", this.options.onNodeDisabled), "function" == typeof this.options.onNodeEnabled && this.$element.on("nodeEnabled", this.options.onNodeEnabled), "function" == typeof this.options.onNodeExpanded && this.$element.on("nodeExpanded", this.options.onNodeExpanded), "function" == typeof this.options.onNodeSelected && this.$element.on("nodeSelected", this.options.onNodeSelected), "function" == typeof this.options.onNodeUnchecked && this.$element.on("nodeUnchecked", this.options.onNodeUnchecked), "function" == typeof this.options.onNodeUnselected && this.$element.on("nodeUnselected", this.options.onNodeUnselected), "function" == typeof this.options.onSearchComplete && this.$element.on("searchComplete", this.options.onSearchComplete), "function" == typeof this.options.onSearchCleared && this.$element.on("searchCleared", this.options.onSearchCleared) + }, g.prototype.setInitialStates = function (b, c) { + if (b.nodes) { + c += 1; + var d = b, e = this; + a.each(b.nodes, function (a, b) { + b.nodeId = e.nodes.length, b.parentId = d.nodeId, b.hasOwnProperty("selectable") || (b.selectable = !0), b.state = b.state || {}, b.state.hasOwnProperty("checked") || (b.state.checked = !1), b.state.hasOwnProperty("disabled") || (b.state.disabled = !1), b.state.hasOwnProperty("expanded") || (!b.state.disabled && c < e.options.levels && b.nodes && b.nodes.length > 0 ? b.state.expanded = !0 : b.state.expanded = !1), b.state.hasOwnProperty("selected") || (b.state.selected = !1), e.nodes.push(b), b.nodes && e.setInitialStates(b, c) + }) + } + }, g.prototype.clickHandler = function (b) { + this.options.enableLinks || b.preventDefault(); + var c = a(b.target), d = this.findNode(c); + if (d && !d.state.disabled) { + var e = c.attr("class") ? c.attr("class").split(" ") : []; + -1 !== e.indexOf("expand-icon") ? (this.toggleExpandedState(d, f.options), this.render()) : -1 !== e.indexOf("check-icon") ? (this.toggleCheckedState(d, f.options), this.render()) : (d.selectable ? this.toggleSelectedState(d, f.options) : this.toggleExpandedState(d, f.options), this.render()) + } + }, g.prototype.findNode = function (a) { + var b = a.closest("li.list-group-item").attr("data-nodeid"), c = this.nodes[b]; + return c || console.log("Error: node does not exist"), c + }, g.prototype.toggleExpandedState = function (a, b) { + a && this.setExpandedState(a, !a.state.expanded, b) + }, g.prototype.setExpandedState = function (b, c, d) { + c !== b.state.expanded && (c && b.nodes ? (b.state.expanded = !0, d.silent || this.$element.trigger("nodeExpanded", a.extend(!0, {}, b))) : c || (b.state.expanded = !1, d.silent || this.$element.trigger("nodeCollapsed", a.extend(!0, {}, b)), b.nodes && !d.ignoreChildren && a.each(b.nodes, a.proxy(function (a, b) { + this.setExpandedState(b, !1, d) + }, this)))) + }, g.prototype.toggleSelectedState = function (a, b) { + a && this.setSelectedState(a, !a.state.selected, b) + }, g.prototype.setSelectedState = function (b, c, d) { + c !== b.state.selected && (c ? (this.options.multiSelect || a.each(this.findNodes("true", "g", "state.selected"), a.proxy(function (a, b) { + this.setSelectedState(b, !1, d) + }, this)), b.state.selected = !0, d.silent || this.$element.trigger("nodeSelected", a.extend(!0, {}, b))) : (b.state.selected = !1, d.silent || this.$element.trigger("nodeUnselected", a.extend(!0, {}, b)))) + }, g.prototype.toggleCheckedState = function (a, b) { + a && this.setCheckedState(a, !a.state.checked, b) + }, g.prototype.setCheckedState = function (b, c, d) { + c !== b.state.checked && (c ? (b.state.checked = !0, d.silent || this.$element.trigger("nodeChecked", a.extend(!0, {}, b))) : (b.state.checked = !1, d.silent || this.$element.trigger("nodeUnchecked", a.extend(!0, {}, b)))) + }, g.prototype.setDisabledState = function (b, c, d) { + c !== b.state.disabled && (c ? (b.state.disabled = !0, this.setExpandedState(b, !1, d), this.setSelectedState(b, !1, d), this.setCheckedState(b, !1, d), d.silent || this.$element.trigger("nodeDisabled", a.extend(!0, {}, b))) : (b.state.disabled = !1, d.silent || this.$element.trigger("nodeEnabled", a.extend(!0, {}, b)))) + }, g.prototype.render = function () { + this.initialized || (this.$element.addClass(e), this.$wrapper = a(this.template.list), this.injectStyle(), this.initialized = !0), this.$element.empty().append(this.$wrapper.empty()), this.buildTree(this.tree, 0) + }, g.prototype.buildTree = function (b, c) { + if (b) { + c += 1; + var d = this; + a.each(b, function (b, e) { + for (var f = a(d.template.item).addClass("node-" + d.elementId).addClass(e.state.checked ? "node-checked" : "").addClass(e.state.disabled ? "node-disabled" : "").addClass(e.state.selected ? "node-selected" : "").addClass(e.searchResult ? "search-result" : "").attr("data-nodeid", e.nodeId).attr("style", d.buildStyleOverride(e)), g = 0; c - 1 > g; g++) f.append(d.template.indent); + var h = []; + if (e.nodes ? (h.push("expand-icon"), h.push(e.state.expanded ? d.options.collapseIcon : d.options.expandIcon)) : h.push(d.options.emptyIcon), f.append(a(d.template.icon).addClass(h.join(" "))), d.options.showIcon) { + var h = ["node-icon"]; + h.push(e.icon || d.options.nodeIcon), e.state.selected && (h.pop(), h.push(e.selectedIcon || d.options.selectedIcon || e.icon || d.options.nodeIcon)), f.append(a(d.template.icon).addClass(h.join(" "))) + } + if (d.options.showCheckbox) { + var h = ["check-icon"]; + h.push(e.state.checked ? d.options.checkedIcon : d.options.uncheckedIcon), f.append(a(d.template.icon).addClass(h.join(" "))) + } + return f.append(d.options.enableLinks ? a(d.template.link).attr("href", e.href).append(e.text) : e.text), d.options.showTags && e.tags && a.each(e.tags, function (b, c) { + f.append(a(d.template.badge).append(c)) + }), d.$wrapper.append(f), e.nodes && e.state.expanded && !e.state.disabled ? d.buildTree(e.nodes, c) : void 0 + }) + } + }, g.prototype.buildStyleOverride = function (a) { + if (a.state.disabled) return ""; + var b = a.color, c = a.backColor; + return this.options.highlightSelected && a.state.selected && (this.options.selectedColor && (b = this.options.selectedColor), this.options.selectedBackColor && (c = this.options.selectedBackColor)), this.options.highlightSearchResults && a.searchResult && !a.state.disabled && (this.options.searchResultColor && (b = this.options.searchResultColor), this.options.searchResultBackColor && (c = this.options.searchResultBackColor)), "color:" + b + ";background-color:" + c + ";" + }, g.prototype.injectStyle = function () { + this.options.injectStyle && !c.getElementById(this.styleId) && a('").appendTo("head") + }, g.prototype.buildStyle = function () { + var a = ".node-" + this.elementId + "{"; + return this.options.color && (a += "color:" + this.options.color + ";"), this.options.backColor && (a += "background-color:" + this.options.backColor + ";"), this.options.showBorder ? this.options.borderColor && (a += "border:1px solid " + this.options.borderColor + ";") : a += "border:none;", a += "}", this.options.onhoverColor && (a += ".node-" + this.elementId + ":not(.node-disabled):hover{background-color:" + this.options.onhoverColor + ";}"), this.css + a + }, g.prototype.template = { + list: '', + item: '
  • ', + indent: '', + icon: '', + link: '', + badge: '' + }, g.prototype.css = ".treeview .list-group-item{cursor:pointer}.treeview span.indent{margin-left:10px;margin-right:10px}.treeview span.icon{width:12px;margin-right:5px}.treeview .node-disabled{color:silver;cursor:not-allowed}", g.prototype.getNode = function (a) { + return this.nodes[a] + }, g.prototype.getParent = function (a) { + var b = this.identifyNode(a); + return this.nodes[b.parentId] + }, g.prototype.getSiblings = function (a) { + var b = this.identifyNode(a), c = this.getParent(b), d = c ? c.nodes : this.tree; + return d.filter(function (a) { + return a.nodeId !== b.nodeId + }) + }, g.prototype.getSelected = function () { + return this.findNodes("true", "g", "state.selected") + }, g.prototype.getUnselected = function () { + return this.findNodes("false", "g", "state.selected") + }, g.prototype.getExpanded = function () { + return this.findNodes("true", "g", "state.expanded") + }, g.prototype.getCollapsed = function () { + return this.findNodes("false", "g", "state.expanded") + }, g.prototype.getChecked = function () { + return this.findNodes("true", "g", "state.checked") + }, g.prototype.getUnchecked = function () { + return this.findNodes("false", "g", "state.checked") + }, g.prototype.getDisabled = function () { + return this.findNodes("true", "g", "state.disabled") + }, g.prototype.getEnabled = function () { + return this.findNodes("false", "g", "state.disabled") + }, g.prototype.selectNode = function (b, c) { + this.forEachIdentifier(b, c, a.proxy(function (a, b) { + this.setSelectedState(a, !0, b) + }, this)), this.render() + }, g.prototype.unselectNode = function (b, c) { + this.forEachIdentifier(b, c, a.proxy(function (a, b) { + this.setSelectedState(a, !1, b) + }, this)), this.render() + }, g.prototype.toggleNodeSelected = function (b, c) { + this.forEachIdentifier(b, c, a.proxy(function (a, b) { + this.toggleSelectedState(a, b) + }, this)), this.render() + }, g.prototype.collapseAll = function (b) { + var c = this.findNodes("true", "g", "state.expanded"); + this.forEachIdentifier(c, b, a.proxy(function (a, b) { + this.setExpandedState(a, !1, b) + }, this)), this.render() + }, g.prototype.collapseNode = function (b, c) { + this.forEachIdentifier(b, c, a.proxy(function (a, b) { + this.setExpandedState(a, !1, b) + }, this)), this.render() + }, g.prototype.expandAll = function (b) { + if (b = a.extend({}, f.options, b), b && b.levels) this.expandLevels(this.tree, b.levels, b); else { + var c = this.findNodes("false", "g", "state.expanded"); + this.forEachIdentifier(c, b, a.proxy(function (a, b) { + this.setExpandedState(a, !0, b) + }, this)) + } + this.render() + }, g.prototype.expandNode = function (b, c) { + this.forEachIdentifier(b, c, a.proxy(function (a, b) { + this.setExpandedState(a, !0, b), a.nodes && b && b.levels && this.expandLevels(a.nodes, b.levels - 1, b) + }, this)), this.render() + }, g.prototype.expandLevels = function (b, c, d) { + d = a.extend({}, f.options, d), a.each(b, a.proxy(function (a, b) { + this.setExpandedState(b, c > 0 ? !0 : !1, d), b.nodes && this.expandLevels(b.nodes, c - 1, d) + }, this)) + }, g.prototype.revealNode = function (b, c) { + this.forEachIdentifier(b, c, a.proxy(function (a, b) { + for (var c = this.getParent(a); c;) this.setExpandedState(c, !0, b), c = this.getParent(c) + }, this)), this.render() + }, g.prototype.toggleNodeExpanded = function (b, c) { + this.forEachIdentifier(b, c, a.proxy(function (a, b) { + this.toggleExpandedState(a, b) + }, this)), this.render() + }, g.prototype.checkAll = function (b) { + var c = this.findNodes("false", "g", "state.checked"); + this.forEachIdentifier(c, b, a.proxy(function (a, b) { + this.setCheckedState(a, !0, b) + }, this)), this.render() + }, g.prototype.checkNode = function (b, c) { + this.forEachIdentifier(b, c, a.proxy(function (a, b) { + this.setCheckedState(a, !0, b) + }, this)), this.render() + }, g.prototype.uncheckAll = function (b) { + var c = this.findNodes("true", "g", "state.checked"); + this.forEachIdentifier(c, b, a.proxy(function (a, b) { + this.setCheckedState(a, !1, b) + }, this)), this.render() + }, g.prototype.uncheckNode = function (b, c) { + this.forEachIdentifier(b, c, a.proxy(function (a, b) { + this.setCheckedState(a, !1, b) + }, this)), this.render() + }, g.prototype.toggleNodeChecked = function (b, c) { + this.forEachIdentifier(b, c, a.proxy(function (a, b) { + this.toggleCheckedState(a, b) + }, this)), this.render() + }, g.prototype.disableAll = function (b) { + var c = this.findNodes("false", "g", "state.disabled"); + this.forEachIdentifier(c, b, a.proxy(function (a, b) { + this.setDisabledState(a, !0, b) + }, this)), this.render() + }, g.prototype.disableNode = function (b, c) { + this.forEachIdentifier(b, c, a.proxy(function (a, b) { + this.setDisabledState(a, !0, b) + }, this)), this.render() + }, g.prototype.enableAll = function (b) { + var c = this.findNodes("true", "g", "state.disabled"); + this.forEachIdentifier(c, b, a.proxy(function (a, b) { + this.setDisabledState(a, !1, b) + }, this)), this.render() + }, g.prototype.enableNode = function (b, c) { + this.forEachIdentifier(b, c, a.proxy(function (a, b) { + this.setDisabledState(a, !1, b) + }, this)), this.render() + }, g.prototype.toggleNodeDisabled = function (b, c) { + this.forEachIdentifier(b, c, a.proxy(function (a, b) { + this.setDisabledState(a, !a.state.disabled, b) + }, this)), this.render() + }, g.prototype.forEachIdentifier = function (b, c, d) { + c = a.extend({}, f.options, c), b instanceof Array || (b = [b]), a.each(b, a.proxy(function (a, b) { + d(this.identifyNode(b), c) + }, this)) + }, g.prototype.identifyNode = function (a) { + return "number" == typeof a ? this.nodes[a] : a + }, g.prototype.search = function (b, c) { + c = a.extend({}, f.searchOptions, c), this.clearSearch({render: !1}); + var d = []; + if (b && b.length > 0) { + c.exactMatch && (b = "^" + b + "$"); + var e = "g"; + c.ignoreCase && (e += "i"), d = this.findNodes(b, e), a.each(d, function (a, b) { + b.searchResult = !0 + }) + } + return c.revealResults ? this.revealNode(d) : this.render(), this.$element.trigger("searchComplete", a.extend(!0, {}, d)), d + }, g.prototype.clearSearch = function (b) { + b = a.extend({}, {render: !0}, b); + var c = a.each(this.findNodes("true", "g", "searchResult"), function (a, b) { + b.searchResult = !1 + }); + b.render && this.render(), this.$element.trigger("searchCleared", a.extend(!0, {}, c)) + }, g.prototype.findNodes = function (b, c, d) { + c = c || "g", d = d || "text"; + var e = this; + return a.grep(this.nodes, function (a) { + var f = e.getNodeValue(a, d); + return "string" == typeof f ? f.match(new RegExp(b, c)) : void 0 + }) + }, g.prototype.getNodeValue = function (a, b) { + var c = b.indexOf("."); + if (c > 0) { + var e = a[b.substring(0, c)], f = b.substring(c + 1, b.length); + return this.getNodeValue(e, f) + } + return a.hasOwnProperty(b) ? a[b].toString() : d + }; + var h = function (a) { + b.console && b.console.error(a) + }; + a.fn[e] = function (b, c) { + var d; + return this.each(function () { + var f = a.data(this, e); + "string" == typeof b ? f ? a.isFunction(f[b]) && "_" !== b.charAt(0) ? (c instanceof Array || (c = [c]), d = f[b].apply(f, c)) : h("No such method : " + b) : h("Not initialized, can not call method : " + b) : "boolean" == typeof b ? d = f : a.data(this, e, new g(this, a.extend(!0, {}, b))) + }), d || this + } +}(jQuery, window, document); \ No newline at end of file diff --git a/ruoyi-admin/src/main/resources/templates/section/transformer-detail.html b/ruoyi-admin/src/main/resources/templates/section/transformer-detail.html index 707c217..bd3f859 100644 --- a/ruoyi-admin/src/main/resources/templates/section/transformer-detail.html +++ b/ruoyi-admin/src/main/resources/templates/section/transformer-detail.html @@ -357,6 +357,7 @@ +
    @@ -584,9 +585,8 @@ - - - + +