· 修正: ControlNode.js 若干BUG

· 新增: Depend.js 用于尝试解决依赖问题（尚未完成）
· 新增: FlexTools.css 用于使用flex快速控制容器内元素位置

Author: MemoryShadow

Template/Public/JavaScript/ControlNode.js

@@ -1,7 +1,7 @@
 /*
  * @Date: 2020-04-29 10:13:23
  * @LastEditors  : MemoryShadow
- * @LastEditTime : 2021-01-07 13:07:51
+ * @LastEditTime : 2021-01-08 00:32:42
  * @Effect: 内置类ControlNode,用于控制节点,并包含一些内置的控件,可以快速创建
  * //!注:此类未完全完成,请勿用于生产环境
  */
@@ -110,7 +110,7 @@ function ControlNode(MainNodeID) {
             case 'string':
                 for (var index = 0; index < this.length(); index++) {
                     var Node = this.Node_Data_List[index];
-                    if (Node.id == Key) {
+                    if (Node.id === Key) {
                         return Node;
                     }
                 }
@@ -252,7 +252,7 @@ ControlNode.getInputNode = function (NodeDataType, Value, Candidate, isDisable)
 }
 
 /**
- * 获取一个指定样式的输入框
+ * 获取一个指定样式的按钮
  * @param {String} NodeDataType 节点数据类型,以下是支持的值
  * [default: 默认形式, link: 链接形式]
  * @param {String} Value 按钮的显示内容
@@ -262,23 +262,27 @@ ControlNode.getInputNode = function (NodeDataType, Value, Candidate, isDisable)
  * @return {JSON} 此输入控件的描述JSON对象
  */
 ControlNode.getButtonNode = function (NodeDataType, Value, onClick, isDisable) {
+    let NodeObj = {};
     switch (NodeDataType) {
         case 'link':
-            return JSON.parse(JSON.stringify({
+            NodeObj = JSON.parse(JSON.stringify({
                 "Tag": "a",
                 "Class": isDisable ? "button disable" : "button enable",
                 "Href": onClick,
                 "Text": Value
             }));
-
+            break;
         default:
-            return JSON.parse(JSON.stringify({
+            NodeObj = JSON.parse(JSON.stringify({
                 "Tag": "button",
                 "Disabled": isDisable ? "disable" : false,
                 "OnClick": onClick,
                 "Text": Value
             }));
+            NodeObj['OnClick'] = onClick;
+            break;
     }
+    return NodeObj;
 }
 
 /**

Template/Public/JavaScript/Depend.js

@@ -0,0 +1,86 @@
+/*
+ * @Date         : 2021-01-07 23:18:20
+ * @Author       : MemoryShadow
+ * @LastEditors  : MemoryShadow
+ * @LastEditTime : 2021-01-08 00:32:33
+ * @Description  : 用于处理依赖的Depend类
+ */
+
+/**
+ * 将指定资源添加至加载队列中并加载,用于处理依赖
+ * @param {String} ResourcesURL     指定资源URL
+ */
+function Depend(ResourcesURL) {
+    // 此资源的URL
+    this.ResourcesURL;
+    // 此资源的类型
+    this.ResourcesType;
+    // 此对象在公共队列中的位置
+    this.thisObjectIndex;
+
+    /**
+     * 解析当前URL的类型
+     * @returns {String} 类型
+     */
+    this.AnalysisResourcesType = function (e) {
+        this.ResourcesType = this.ResourcesURL.split(".").pop();
+        return this.ResourcesType;
+    }
+
+    /**
+    * 构造器
+    * @param {String} ResourcesURL     指定资源URL
+    */
+    this.constructor = function (ResourcesURL) {
+        this.ResourcesURL = ResourcesURL;
+        this.ResourcesType = this.AnalysisResourcesType();
+        this.thisObjectIndex = Depend.ObjectList.length;
+        // 将自身添加至对象列
+        Depend.ObjectList.push(this);
+    }
+
+    this.constructor(ResourcesURL, ResourcesType);
+}
+
+/**
+ * 索引
+ * @param {int,String} Key 要用于索引的Key
+ * @return {ControlNode} 指定的控制对象
+ */
+Depend.indexOf = function (Key) {
+    // 判断是数字还是字符串
+    switch (typeof Key) {
+        case 'number':      // 数字索引就直接索引
+            return Depend.ObjectList[Key];
+        case 'string':      // 是字符串,就逐一匹配
+            for (var index = 0; index < Depend.ObjectList.length; index++) {
+                var depend = Depend.ObjectList[index];
+                if (depend.ResourcesURL === Key) {
+                    return depend;
+                }
+            }
+            return undefined
+
+        default:
+            return undefined;
+    }
+}
+
+/**
+ * 获取指定节点的控制对象
+ * @param {string} MainNodeID 指定要作为主节点的ID
+ * @return {ControlNode} 指定的控制对象
+ */
+Depend.valueOf = function (index) {
+    // 检查是否存在重复的对象,如果有,就直接返回,没有的情况下才创建新对象
+    if (ControlNode.indexOf(index) == undefined) {
+        // 如果没有,就New新的值
+        return new ControlNode(index);
+    } else {
+        // 如果不为空,就返回指定的内容
+        return ControlNode.indexOf(index);
+    }
+}
+
+// 数据队列(避免重复导入同一个文件)
+Depend.ObjectList = [];

Template/Public/Style/FlexTools.css

@@ -0,0 +1,72 @@
+.FlexTools {
+	display: flex;
+}
+
+.FlexTools div {
+	display: flex;
+}
+
+.column {
+	display: flex;
+	flex-direction: column;
+}
+
+.column.left {
+	align-items: flex-start;
+}
+
+.column.right {
+	align-items: flex-end;
+}
+
+.column.top {
+	justify-content: flex-start;
+}
+
+.column.bottom {
+	justify-content: flex-end;
+}
+
+.column.Wcenter {
+	align-items: center;
+}
+
+.column.Hcenter {
+	justify-content: center;
+}
+
+.row {
+	display: flex;
+	flex-direction: row;
+}
+
+.row.right {
+	justify-content: flex-start;
+}
+
+.row.right {
+	justify-content: flex-end;
+}
+
+.row.top {
+	display: flex;
+	align-items: flex-start;
+}
+
+.row.bottom {
+	align-items: flex-end;
+}
+
+.row.Wcenter {
+	justify-content: center;
+}
+
+.row.Hcenter {
+	align-items: center;
+}
+
+.center {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}

Template/Public/Style/PublicCSS.css

@@ -2,7 +2,7 @@
  * @Date         : 2020-10-18 10:52:43
  * @Author       : MemoryShadow
  * @LastEditors  : MemoryShadow
- * @LastEditTime : 2020-10-18 18:14:15
+ * @LastEditTime : 2021-01-07 23:00:40
  * @Description  : 基础组件css样式
  */